/* tokens.css — 灯火の実直 / tanpin-lp
   このファイルはコピー用の変数セットです。demo/index.html には
   同内容がインラインで埋め込まれています（自己完結のため）。
   コントラスト実測は DESIGN.md §3 を参照。 */

:root {
  /* 背景 */
  --color-bg: #faf3ea;          /* ベース（生成り）55% */
  --color-bg-karashi: #f6e9cf;  /* 節替え・淡芥子（悩みへの共感） */
  --color-bg-midori: #e9efe4;   /* 節替え・淡緑（成分と根拠） */

  /* テキスト */
  --color-ink: #2e2620;         /* 主文字・茶墨。bg比 13.49:1 */
  --color-ink-weak: #6b5c4f;    /* 弱文字。bg比 5.83:1 */
  --color-cream: #faf3ea;       /* 濃地の上の文字用（ink/zakuro地）*/

  /* アクセント（役割固定・信号色トリオの装飾利用回避） */
  --color-zakuro: #b5322f;      /* CTA・情熱。bg比 5.51:1（文字にも使用可）*/
  --color-zakuro-deep: #9c2b28; /* ボタンhover。cream比 6.84:1 */
  --color-karashi: #d99a2b;     /* 数値チップの装飾のみ。bg上で文字使用禁止(2.22:1) */
  --color-fukamidori: #40613f;  /* 成分・安心。bg比 6.36:1 */

  /* 罫線 */
  --color-line: #e3d5bd;         /* 装飾・非機能の罫線（区切り線） */
  --color-line-strong: #8a7960;  /* 機能的境界。input/button/accordion。bg比 3.83:1 */

  /* タイポグラフィ（総称ファミリは含めない） */
  --font-heading: "Zen Kaku Gothic New";
  --font-mincho: "Shippori Mincho";
  --font-body: "Zen Kaku Gothic New";
  --font-num: "Archivo";

  /* 寸法 */
  --space-unit: 8px;
  --radius: 4px;      /* ボタンのみに使用。カード角丸は作らない */
  --max-width: 680px; /* テキスト計測幅。写真/ヒーローはフルブリード可 */
}

/* 使用ルール（要約。詳細は DESIGN.md）:
   1. --color-karashi は生成り系背景の上で「文字色」として使わない（AA未達 2.22:1）。
      使うのは (a) --color-ink 地の上の文字 (6.09:1) か (b) 小さな装飾チップ/下線のみ。
   2. --color-zakuro と --color-fukamidori を隣接する同一パーツに同時使用しない
      （1.15:1 で識別不能になる組み合わせのため）。
   3. グラデーション・box-shadow はこのトークンセットに存在しない
      （すべて単色の面と1px罫線で構成する）。
*/