/* ============================================
   So Dash! デザイントークン v2 — D1
   仕様書§1の値をそのまま採用（変更禁止）
   ライト/ダーク切替は [data-theme="dark"]
   ============================================ */

:root {
  /* タイポグラフィ（システムフォントのみ） */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI",
    "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic UI", Meiryo, sans-serif;
  --font-mono: "SF Mono", "Cascadia Mono", Menlo, Consolas, "Courier New", monospace;

  --bg: #FAFAF8;          /* アプリ背景 */
  --surface: #FFFFFF;     /* カード */
  --ink: #2B2C2E;         /* 本文 */
  --ink-2: #55564F;
  --ink-3: #9A9A93;
  --line: #E7E6E1;

  /* 意味色（変更禁止・意味の入替禁止） */
  --run: #5B8FC7;         /* 実走 = パステルブルー */
  --run-strong: #2563A8;  /* 実走の線・強調 */
  --zone-fast: #DFF3E9;   /* 目標超えゾーン背景 = ミント */
  --zone-mid: #FBF6E3;    /* 目標〜基準の中間帯 = クリーム */
  --zone-slow: #FBE9E7;   /* 基準未達ゾーン背景 = 薄コーラル */
  --target: #1D9E75;      /* 目標ライン・目標超え点 */
  --base: #8A8A84;        /* 基準ライン */
  --slow: #D0453E;        /* 基準未達の点 */

  /* タイマー3ゾーン（hex固定） */
  --tz-start-bg: #E6F1FB;  --tz-start-fg: #185FA5;
  --tz-stop-bg:  #FCEBEB;  --tz-stop-fg:  #A32D2D;
  --tz-reset-bg: #F1F0EC;  --tz-reset-fg: #6B6B66;
  --tz-lap-bg:   #FAEEDA;  --tz-lap-fg:   #854F0B;
  --tz-rec-bg:   #E5F4EE;  --tz-rec-fg:   #1D6E4F;

  /* 形状・余白 */
  --radius-s: 8px;
  --radius-m: 14px;
  --radius-l: 22px;
  --shadow: 0 2px 10px rgba(43, 44, 46, 0.06);
  --tap-min: 44px;
  --fs-min: 11px;
}

[data-theme="dark"] {
  /* 「夜の競技場」トーン。純黒(#000/#111)禁止 */
  --bg: #23262B;          /* 濃紺グレー */
  --surface: #2C3037;
  --ink: #F0F0EC;
  --ink-2: #C5C5BE;
  --ink-3: #8C8C85;
  --line: #3B3F46;

  --run: #8FB8E8;         /* ライトより明度アップ */
  --run-strong: #A9CBF2;
  --zone-fast: rgba(69, 190, 140, 0.16);
  --zone-mid:  rgba(230, 200, 110, 0.12);
  --zone-slow: rgba(230, 110, 100, 0.14);
  --target: #45BE8C;
  --base: #A0A099;
  --slow: #E8837B;

  --tz-start-bg: #26374C;  --tz-start-fg: #BAD7F2;
  --tz-stop-bg:  #46302E;  --tz-stop-fg:  #F0BEB8;
  --tz-reset-bg: #33363C;  --tz-reset-fg: #C5C5BE;
  --tz-lap-bg:   #423A28;  --tz-lap-fg:   #EDD9A8;
  --tz-rec-bg:   #26413A;  --tz-rec-fg:   #B4E2CE;

  --shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}