/* ============================================================
   よりよい株式会社 — Brand v3.0 デザイントークン（唯一の真実）
   色・フォント・角丸をここ1か所に集約。値を変えると全ページに反映。
   出典: renewal plan ７月１日/yoriyoi_site_spec.md §2
   全ページは <link rel="stylesheet" href="/css/tokens.css"> で絶対パス読込。
   ============================================================ */
:root{
  /* --- 面・テキスト・罫線 --- */
  --bg:#FAF7F1;        /* 背景。温かいクリーム */
  --card:#FFFFFF;      /* カード・面 */
  --ink:#262220;       /* 基本テキスト（ほぼ黒に近い茶） */
  --muted:#645B51;     /* 補助テキスト・キャプション（可読性のため濃いめのグレーに） */
  --line:#E7E0D5;      /* 罫線・境界 */

  /* --- アクセント --- */
  --jp:#C2693F;        /* 主アクセント。テラコッタ＝CTA・強調・入口の色 */
  --jp-dark:#a9572f;   /* テラコッタのhover */
  --jp-soft:#F6EFE7;   /* テラコッタの淡い面 */
  --sage:#5E7A5A;      /* 副アクセント。セージ＝安全・体験・診断・自然な導き */
  --sage-soft:#EEF2EC; /* セージの淡い面 */
  --gold:#B98A2E;      /* 最上位・特別（LV.5変革など） */
  --gold-soft:#F5EEDD; /* ゴールドの淡い面 */

  /* --- ダーク面（主役セクションの締め） --- */
  --ink-dark:#23282E;  /* 濃い面の背景 */
  --ink-rev:#F2ECDF;   /* ダーク面上の反転テキスト */
  --amber-lit:#E8A87C; /* ダーク面上のprimaryボタン地（明るいテラコッタ） */

  /* --- タイポグラフィ --- */
  --serif:'Noto Serif JP',serif;   /* 見出し・エモーショナルな一言。700中心 */
  --sans:'Noto Sans JP',sans-serif;/* 本文・UI */
  --mono:'DM Mono',monospace;      /* 英語ラベル・番号・装飾 */

  /* --- 角丸・幅 --- */
  --radius-card:16px;  /* カード */
  --radius-pill:99px;  /* ボタン(pill) */
  --wrap:1080px;       /* 標準コンテンツ幅 */
  --wrap-read:720px;   /* 読み物系 */
}