/* デザイントークン。値を直接書かず、必ずこの変数を参照する。

   ■ 緑系（TOP デザイン PC_TOP_0624 の実配色）
   Figma 書き出し SVG に埋まっている fill / stroke の実値から確定。推測ではない。

   ■ 青系（u-*）
   design__claude-docs/design.md 由来。ただし **TOP デザインとは配色が一致しない**。
   Figma ファイル内の別ページ（旧版）から書き出されたものと思われるため、
   TOP の実装では使わない。ほかのページで使う可能性があるので残してある。 */
:root {
  /* --- TOP デザインの実配色 --- */
  --c-green-deep: #084c26; /* 見出し・ロゴ・本文 */
  --c-green-mid:  #83b691; /* アイコン円・罫・アクセント */
  --c-green-sns:  #72bd87; /* SNS アイコンの円 */
  --c-grey:       #909090; /* 英字ラベル・日付・境界線 */
  --c-wh:         #ffffff;

  /* --- 書体 ---
     見出しは明朝。Figma 上の書体名を確認できていない（ファイルが閲覧のみ権限で
     インスペクト不可）ため、暫定で Zen Old Mincho を当てている。
     確定したらこの 1 行を差し替えれば全体に反映される。 */
  --font-serif: "Zen Old Mincho", "Shippori Mincho", "Noto Serif JP", serif;
  --font-gothic: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Yu Gothic", sans-serif;
  --font-en: "Cormorant Garamond", "Zen Old Mincho", serif;
  /* 数字用。Cormorant Garamond はオールドスタイル数字（0 が小さく 4・9 が
     ベースラインより下がる）で、電話番号や日付が読み取りにくい。
     数字が出るところは明朝のまま読みやすい Zen Old Mincho に寄せる。 */
  --font-num: "Zen Old Mincho", "Shippori Mincho", "Noto Serif JP", serif;

  /* --- レイアウト ---
     Figma のアートボードは 1440px（FV モザイクが 288px × 5 列 = 1440 で確定）。 */
  --w-design: 1440px;
  --w-inner: 1080px;

  /* --- 旧トークン（青系・TOP では未使用） --- */
  --c-u-txt01:  #445d70;
  --c-u-base01: #f2f8fb;
  --c-u-main01: #6fb5d3;
  --c-u-main02: #d5eef9;
  --c-u-main03: #5c9dcc;
  --c-u-main04: #1590c5;
  --c-u-sub01:  #0a369d;
  --c-u-ac01:   #f47a46;
  --c-u-bdr01:  #c3bfbd;
}