/* ============================================================
   Auguri! ─ デザイントークン（すべて Auguri!_実装用データ_0913.ai の実測値）
   ------------------------------------------------------------
   スケール：1920px を基準とし、--s で寸法・文字サイズを一括追従させる。
     ・1920px 超も画面いっぱいに広げる（上限なし・Q11 確定 2026-09-13）
     ・下限 0.62px（≒1190px）。SP レイアウトは方針承認後に別途（§4-3）
   ------------------------------------------------------------
   文字のベースライン合わせ：
     top = BL - LH/2 - FS * K   … K = (ascent - descent) / 2（フォント別。--k-*）
     K は実書体で計測して確定する（06_docs/検証ツール/baseline_probe.py）。
     初期値：Adobe/Fontworks 和文 OpenType（hhea 880 / -120）= .38、
             Cormorant Garamond（hhea 924 / -287・USE_TYPO_METRICS）= .3185
   ============================================================ */

:root {
  /* ── スケール ─────────────────────────────── */
  /* 2026-09-13 高野様確定（Q11）：1920px を超えても画面いっぱいに広げる（上限なし）。
     ＝ 画面が広いほど文字も比例して大きくなる。
     ※ 実装プロンプト §4-2 は「フォントサイズは画面幅が広がっても大きく変えない（最大 1.05〜1.1 倍）」
       としており、この指定と食い違う。今回のご回答を優先している。
       大きくなりすぎる場合は max() の第2引数を min(…, 1.1px) に変えるだけで上限を戻せる。 */
  --s: clamp(0.62px, calc(100vw / 1920), 1px);   /* 1920px より広い画面では 1920 で止め、左右は地色（2026-09-22 高野様ご確定・Q11） */

  /* ── レイアウト（ai 実測） ───────────────── */
  --canvas: 1920;
  --header-h: 120;       /* ヘッダー下罫 y=120.05 */
  --hero-h: 1280;        /* FV／下層ヒーロー 0–1280 */
  --rail-x: 1800;        /* 右レール縦罫 x=1800 */
  --gutter-l: 240;       /* 本文左端の基準（FV コピー x=240） */

  /* ── 面の色（ai 実測・帯ごとに照合済み） ── */
  --c-white:      #ffffff;
  --c-ivory:      #f9f7f3;  /* 下層ヒーロー地・News 帯・フッター地 */
  --c-ivory-2:    #f8f6f1;  /* p2 The Auguri Selection 帯・p3 Our Esthetic 帯（ai ではラスター画像の単色） */
  --c-ivory-3:    #f9f8f5;  /* p4〜p6 フッター上の帯 */
  --c-linen:      #f1eee6;  /* TOP 一つひとつに 帯・Thank you 脇の枠・View All 円 */
  --c-linen-2:    #e3e2da;  /* Since 1905 まわりのアイボリー枠 */
  --c-panel:      #e5e6e5;  /* TOP コンセプト大パネル（x120–1920） */
  --c-sage:       #939a8d;  /* p3 Reservation 帯 */
  --c-umber:      #37332f;  /* TOP エステ帯 */
  --c-garage:     #262722;  /* GARAGE88 帯：写真の上に multiply */
  --c-ph:         #bababa;  /* 写真枠プレースホルダー */
  --c-ph-fv:      #bbbcbb;  /* TOP FV プレースホルダー */
  --c-ph-hero:    #cccccc;  /* 下層ヒーロー写真枠 */
  --c-ph-footer:  #ababab;  /* フッター写真枠 */
  --c-gray-99:    #999999;  /* GARAGE88 View All 円の線 */
  --c-gray-d3:    #d3d3d2;  /* p3 分数の円の線 */

  /* ── 文字色（ai 実測） ───────────────────── */
  --c-ink:        #000000;
  --c-ink-w:      #ffffff;
  --c-ink-8b:     #8b8b8b;  /* フォームのプレースホルダー文字 */
  --c-ink-7f:     #7f807f;  /* Thank you 筆記体 */
  --c-req:        #d01e0e;  /* 必須マーク（ai 実測。C-4 のような赤禁止の決定は Auguri! には無い） */
  --c-today:      #e2600f;  /* 本日の印（フッターの営業カレンダー・お問い合わせの日付選び）。
                              2026-09-17 高野様ご指示で朱 #d01e0e → オレンジへ。**明るさは A**。
                              淡い地（#f9f7f3）との明暗差 3.32、濃い地（#262722）とは 4.24
                              （朱は 5.07 / 2.78 だったので、反転したフッターではむしろ読みやすい） */

  /* ── 罫線（ai 実測：0.5px 黒／白、1px のメニュー線、0.16px の右レール白） ── */
  --rule: #000000;
  --rule-w: #ffffff;

  /* ── 書体（役割別・実書体は 00-fonts.css で定義） ── */
  --fw-jp-display: 300;   /* 筑紫A オールド明朝 L */
  --fw-en-md: 500;        /* Cormorant Garamond Medium */

  /* ── 文字サイズ（ai 実測 px・--s 追従） ── */
  --fs-172: calc(172 * var(--s));  /* See you at Auguri! */
  --fs-128: calc(128 * var(--s));  /* GARAGE88 */
  --fs-72:  calc(72 * var(--s));   /* 和文大見出し・英字見出し（Wear 等） */
  --fs-60:  calc(60 * var(--s));   /* PRIVACY POLICY */
  --fs-48:  calc(48 * var(--s));   /* 一つひとつに／カレンダー日付 */
  --fs-36:  calc(36 * var(--s));   /* Live with what moves you. ／ 筆記体 */
  --fs-24:  calc(24 * var(--s));
  --fs-22:  calc(22 * var(--s));   /* ADDRESS / LOCAL TIME */
  --fs-18:  calc(18 * var(--s));
  --fs-16:  calc(16 * var(--s));   /* 本文 */
  --fs-14:  calc(14 * var(--s));
  --fs-12:  calc(12 * var(--s));

  /* ── 行送り（ai 実測） ── */
  --lh-body: calc(38 * var(--s));  /* 16px 本文の行送り 38 */

  /* ── モーション（未採用。静的状態で仮組み・§7-1） ── */
  --e-out: cubic-bezier(0.22, 1, 0.36, 1);
}