/* 设计令牌 · 单一事实源（docs/redesign-plan.md §2）
   组件层只准引用 --t-* 或 Tailwind utility，禁止裸 hex。
   主题切换靠 [data-theme] / body.mobile，不重编译。 */

:root {
  /* 共享层 */
  --t-font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Helvetica Neue", "Microsoft YaHei", sans-serif;
  --t-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --t-radius-sm: 8px;
  --t-radius-md: 12px;
  --t-radius-lg: 16px;
  --t-radius-xl: 22px;
  --t-space-1: 4px;
  --t-space-2: 8px;
  --t-space-3: 12px;
  --t-space-4: 16px;
  --t-space-5: 20px;
  --t-space-6: 24px;
  --t-space-7: 32px;
  --t-space-8: 40px;
  --t-ease: cubic-bezier(.25, .1, .25, 1);
}

[data-theme="hearth"] {
  /* 桌面 O 色板（源自 theme-o-bento-hearth.html config） */
  --t-canvas: #211C17;
  --t-card: #2B251F;
  --t-card2: #342D25;
  --t-line: #463C30;
  --t-ink: #F0E7D8;
  --t-sub: #CDC1AE;
  --t-faint: #99897A;
  --t-acc: #D9A662;
  --t-onacc: #291E10;
  --t-accsoft: #D9A66220;
  --t-live: #A8BF92;
  --t-livesoft: #A8BF9220;          /* 绿=播放中语义 */
  --t-warn: #CE8B5C;
  --t-warnsoft: #CE8B5C22;          /* 陶土=待整理 */
  --t-ok: #9DB08A;
  --t-dang: #C4766B;
  --t-dangsoft: #C4766B22;
  --t-track: #26211B;
  --t-deepband: #282219;
  --t-font-sans: "IBM Plex Sans", "Noto Sans SC", sans-serif;
  --t-font-mono: "IBM Plex Mono", "Noto Sans SC", monospace;
}

body.mobile {
  /* 移动 Vinyl 色板（源自 m-vinyl-v2.html config） */
  --t-canvas: #17100B;
  --t-card: #211811;
  --t-card2: #291E14;
  --t-line: #3E2E1F;
  --t-ink: #F2E7D4;
  --t-sub: #CBB89C;
  --t-faint: #8E7860;
  --t-acc: #E4C07C;
  --t-onacc: #241708;
  --t-accsoft: #E4C07C1F;
  --t-live: #FFB84D;
  --t-livesoft: #FFB84D24;          /* 琥珀=指示灯/播放态 */
  --t-warn: #D98E5F;
  --t-warnsoft: #D98E5F22;
  --t-ok: #A8BF92;
  --t-dang: #C97B6E;
  --t-track: #1E150E;
  --t-deepband: #1D140D;
  /* Vinyl 专属 */
  --t-wood-streak: rgba(0, 0, 0, .10);
  --t-label-paper: #F2E7D4;
  --t-serif: "DM Serif Display", "Noto Serif SC", serif;
}