/* =============================================================================
   01-tokens-paperbag.css  （子テーマ jamble-paperbag のブランド値）
   親テーマ jamble-base の 01-tokens-base.css で宣言された
   ブランドトークン（--color-primary 等）をここで上書きする。
   ページスコープ別のアクセント色も含む。
   ============================================================================= */

@layer tokens {

	:root {
		/* ----- 紙袋サイトのブランドカラー ----- */
		--color-primary:        #f24e00;   /* オレンジ（強調・CTA） */
		--color-secondary:      #004494;   /* 紺（ロゴ・サブ強調） */

		/* ----- アクセント（既定 = 規格サイズページのオレンジ系） ----- */
		--color-accent:         #e07a2b;
		--color-accent-dark:    #c25e10;
		--color-accent-soft:    #fff8f0;
		--color-accent-border:  #f0d8b8;

		/* ----- ヒーロー背景（ページで上書き） ----- */
		--hero-bg:              #fff8ef;
	}

	/* -------------------------------------------------------------------------
	   ページスコープ別のトークン上書き
	   - .standard-page         規格サイズ紙袋（ベージュ系）
	   - .onepoint-page         ワンポイント箔押し / 名入れ（ゴールド系）
	   - .onepoint-page[data-page="fullorder"]  フルオーダー（ブルー系）
	   - .specs-page            選べる仕様の紹介（オレンジ系・デフォルトのまま）
	   ----------------------------------------------------------------------- */

	.standard-page {
		--color-accent:         #e07a2b;
		--color-accent-dark:    #c25e10;
		--color-accent-soft:    #fff8f0;
		--color-accent-border:  #f0d8b8;
		--hero-bg:              #fff8ef;
	}

	.onepoint-page {
		--color-accent:         #c9a14a;
		--color-accent-dark:    #8c6e2c;
		--color-accent-soft:    #fbf6ea;
		--color-accent-border:  #ecdcb5;
		--hero-bg:              #fbf6ea;

		&[data-page="fullorder"] {
			--color-accent:         #2670cc;
			--color-accent-dark:    #1d5aa3;
			--color-accent-soft:    #eaf2fc;
			--color-accent-border:  #d4e4f7;
			--hero-bg:              #e7f0fb;
		}
	}

	.specs-page {
		--color-accent:         #e07a2b;
		--color-accent-dark:    #c25e10;
		--color-accent-soft:    #fff8f0;
		--color-accent-border:  #f0d8b8;
	}

}