/* =============================================================
   仕事台 (Shigotodai) — デザイントークン
   会議で決定した最終デザインシステム §7.1 を厳密に実装。
   ライト = 和紙(warm-paper) / ダーク = 行灯(andon)。
   HUD は常に行灯ダーク。アプリ本体はライト既定 + 任意でダーク。
   ============================================================= */

:root {
  /* --- 間隔スケール (4px基準) --- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;

  /* --- 角丸：原則ゼロ。例外はメモ欄のみ3px --- */
  --radius: 0px;
  --radius-soft: 3px;

  /* --- 線・影（ヘアライン主体、影は最小限） --- */
  --hair: 1px;
  --shadow-pane: 0 1px 0 rgba(38, 36, 31, 0.02);
  --shadow-float: 0 8px 28px -12px rgba(38, 36, 31, 0.28),
    0 2px 6px -3px rgba(38, 36, 31, 0.18);

  /* --- タイポグラフィ --- */
  --font-ui: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic",
    "YuGothic", "Noto Sans JP", system-ui, -apple-system, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "Roboto Mono", Menlo, Consolas,
    monospace;
  --fs-11: 11px;
  --fs-12: 12px;
  --fs-13: 13px;
  --fs-14: 14px; /* 基準 */
  --fs-16: 16px;
  --fs-18: 18px;
  --fs-22: 22px;
  --fs-28: 28px;
  --lh-tight: 1.3;
  --lh-body: 1.7;

  /* --- モーション：1イージング・3デュレーション --- */
  --ease: cubic-bezier(0.2, 0, 0, 1);
  --dur-1: 120ms; /* hover/focus/press */
  --dur-2: 200ms; /* panel/overlay */
  --dur-3: 320ms; /* 朱印スタンプ */

  /* --- z レイヤー --- */
  --z-rail: 10;
  --z-dock: 40;
  --z-fab: 50;
  --z-overlay: 80;
  --z-toast: 90;
  --z-palette: 100;
}

/* ===== ライト（和紙）：既定 ===== */
:root,
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f4f1ea;
  --surface: #fbf9f4;
  --surface-sunken: #ece7dc;
  --surface-hover: #f1ede3;
  --ink: #26241f;
  --ink-2: #5c574c;
  --ink-3: #8c8576;
  --line: #dad3c4;
  --line-strong: #cbc3b1;
  --accent: #3b5e57; /* 深い松葉・抹茶 */
  --accent-ink: #ffffff;
  --focus: #2f6f8f;

  /* 状態（弁柄 / 真鍮 / 抹茶 + 中立） */
  --status-overdue: #9c3b2e; /* 期限切れ：弁柄 */
  --status-today: #a67c00; /* 本日：真鍮 */
  --status-upcoming: #3b5e57; /* 予定：松葉 */
  --status-none: #8c8576; /* 期限なし：中立 */
  --hanko: #b8412f; /* 朱印：朱 */
  --hanko-ink: #b8412f;

  --overlay-scrim: rgba(38, 36, 31, 0.32);
}

/* ===== ダーク（行灯）：アプリ任意 / HUDは常時 ===== */
:root[data-theme="dark"],
.is-andon {
  color-scheme: dark;
  --bg: #1a1916;
  --surface: #232019;
  --surface-sunken: #15140f;
  --surface-hover: #2b2820;
  --ink: #ede7d6;
  --ink-2: #b3ac98;
  --ink-3: #7e7868;
  --line: #332f26;
  --line-strong: #423d31;
  --accent: #7fb4a6;
  --accent-ink: #15140f;
  --focus: #6fb0cf;

  --status-overdue: #e0664f;
  --status-today: #e0b03a;
  --status-upcoming: #7fb4a6;
  --status-none: #7e7868;
  --hanko: #e05841;
  --hanko-ink: #e05841;

  --overlay-scrim: rgba(0, 0, 0, 0.55);
  --shadow-float: 0 10px 30px -12px rgba(0, 0, 0, 0.6),
    0 2px 8px -3px rgba(0, 0, 0, 0.5);
}

/* OS がダーク設定でユーザーが明示選択していない場合は追従 */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-theme="dark"]) {
    color-scheme: dark;
    --bg: #1a1916;
    --surface: #232019;
    --surface-sunken: #15140f;
    --surface-hover: #2b2820;
    --ink: #ede7d6;
    --ink-2: #b3ac98;
    --ink-3: #7e7868;
    --line: #332f26;
    --line-strong: #423d31;
    --accent: #7fb4a6;
    --accent-ink: #15140f;
    --focus: #6fb0cf;
    --status-overdue: #e0664f;
    --status-today: #e0b03a;
    --status-upcoming: #7fb4a6;
    --status-none: #7e7868;
    --hanko: #e05841;
    --hanko-ink: #e05841;
    --overlay-scrim: rgba(0, 0, 0, 0.55);
  }
}