/* ============================================================
   YTGSOSA — Web Design Tokens v2 (B案「写真主役ダーク」採用版)
   採用: 2026-07-10 Masha承認(_screens/mockB-*.jpeg)
   スキーム: ダーク既定。OSの prefers-color-scheme: light で自動ライト。
   サイト内トグルは付けない(ユーザーOS設定に追従する方針)。
   規律: コンポーネント/サイトCSSはこの変数のみ参照(生hex禁止)。
         装飾グラデーション禁止(写真上の可読用暗幕のみ例外)。
   ============================================================ */
:root {
  /* ---- ダーク(既定) ---- */
  --c-bg: #0b0e14;
  --c-surface: #12161f;
  --c-ink: #eef0f3;
  --c-ink-muted: #9aa3b2;
  --c-accent: #6f9eff;          /* ダーク地で可読の青(ブランド#4d8aff系) */
  --c-accent-deep: #4d8aff;     /* 図形・下線など大きい面用 */
  --c-line: rgba(154, 163, 178, 0.2);
  --c-btn-border: rgba(238, 240, 243, 0.5);
  --c-btn-fill: #eef0f3;        /* 塗りボタン地 */
  --c-btn-fill-ink: #0b0e14;    /* 塗りボタン文字 */

  /* ---- 写真上(スキーム非依存: ヒーロー等、暗い写真の上の文字) ---- */
  --c-on-photo: #eef0f3;
  --c-on-photo-muted: #c3cad6;
  --c-photo-scrim: rgba(11, 14, 20, 0.92); /* 可読用暗幕(下端) */

  /* ---- 書体 ---- */
  --font-serif: "Cormorant Garamond", "Shippori Mincho", serif; /* 欧文見出し */
  --font-jp-serif: "Shippori Mincho", serif;                    /* 和文見出し */
  --font-jp: "Zen Kaku Gothic New", sans-serif;                 /* 本文 */
  --font-latin: "Archivo", sans-serif;                          /* マイクロタイポ/UI */

  /* ---- スケール ---- */
  --fs-hero: clamp(56px, 9vw, 132px);
  --fs-h2: clamp(34px, 4.4vw, 56px);
  --fs-track: 30px;
  --fs-body: 16px;
  --fs-micro: 11px;
  --ls-micro: 0.24em;

  --sp-1: 4px; --sp-2: 8px; --sp-3: 16px; --sp-4: 28px;
  --sp-5: 44px; --sp-6: 72px; --sp-7: 110px;
  --container: 1200px;
  --dur: 0.18s;
}

@media (prefers-color-scheme: light) {
  :root {
    --c-bg: #f7f7f4;
    --c-surface: #ffffff;
    --c-ink: #16181d;
    --c-ink-muted: #5c6470;
    --c-accent: #2f66cc;        /* 白地で4.5:1を満たす青 */
    --c-accent-deep: #2f66cc;
    --c-line: rgba(22, 24, 29, 0.14);
    --c-btn-border: rgba(22, 24, 29, 0.45);
    --c-btn-fill: #16181d;
    --c-btn-fill-ink: #f7f7f4;
    /* --c-on-photo 系はダーク写真上なので変えない */
  }
}