/* =============================================================================
   01-tokens-poly.css  （子テーマ jamble-poly のブランド値）
   親テーマ jamble-base の 01-tokens-base.css で宣言された
   ブランドトークン（--color-primary 等）をここで上書きする。

   ※ 値は仮設定。実際のブランドガイドラインに従って調整すること。
      参考: original-plb.net（白＋紺基調、透明感のあるブルー）
   ============================================================================= */

@layer tokens {

	:root {
		/* ----- ブランドカラー（mv_bana_pc.jpg のスカイブルー基調に合わせる） ----- */
		--color-primary:        #1c70c5;   /* スカイブルー（MV の主色・CTA） */
		--color-secondary:      #0a3d7a;   /* 紺（深みのある下地・見出し） */

		/* ----- アクセント（MV と同系の明るいブルー、ビニールの透明感を表現） ----- */
		--color-accent:         #3897dc;   /* 明るめスカイブルー（点／ハイライト） */
		--color-accent-dark:    #175ba3;   /* 濃いブルー（hover／リンク文字） */
		--color-accent-soft:    #e8f3fc;   /* 極淡スカイブルー（背景・吹き出し） */
		--color-accent-border:  #bedaf3;   /* 淡ブルー罫線（カード枠） */

		/* ----- 文字色（青みを帯びたダーク：MV の青に馴染ませる） ----- */
		--color-text:           #1f2937;

		/* ----- ヒーロー背景 ----- */
		--hero-bg:              #eef5f8;
	}

	/* -------------------------------------------------------------------------
	   ページスコープ別のトークン上書き（必要に応じて追加）
	   - .pb-handle-page    手穴ポリ袋
	   - .pb-flat-page      平袋
	   - .pb-shoulder-page  ショルダー袋
	   ----------------------------------------------------------------------- */

	/* 例：
	.pb-handle-page {
		--color-accent:         #3897dc;
		--hero-bg:              #eef5f8;
	}
	*/

}