:root {
  /* —— 表面（深暖墨基调） —— */
  --page-bg: #181410;
  --surface: #221D16;
  --surface-soft: #2C2620;
  --overlay: rgba(255, 248, 232, 0.06);
  --paper-noise: repeating-linear-gradient(135deg, rgba(255, 248, 232, 0.018) 0 2px, transparent 2px 7px);

  /* —— 金色（点缀 / 仪式感） —— */
  --gold: #D0A95A;
  --gold-bright: #E2C879;
  --gold-deep: #97762C;
  --gold-soft: rgba(208, 169, 90, 0.18);
  --gold-line: rgba(208, 169, 90, 0.40);
  --gold-line-strong: rgba(208, 169, 90, 0.60);
  --gold-gradient: linear-gradient(180deg, #D8B262 0%, #C49B47 100%);

  /* —— 朱砂红（极少强调） —— */
  --accent-red: #B83D2D;
  --accent-red-soft: rgba(184, 61, 45, 0.14);
  --accent-red-line: rgba(184, 61, 45, 0.30);
  --accent-red-text: #D98A78;

  /* —— 文字（宣纸白系，避免纯白） —— */
  --ink: #F4ECD7;
  --ink-soft: #D8CDB4;
  --ink-muted: #BEB29A;
  --muted: #847A67;
  --muted-deep: #9A9079;

  /* —— 状态色 —— */
  --positive: #7E9C6A;
  --positive-text: #92B27D;
  --positive-line: rgba(126, 156, 106, 0.32);
  --positive-soft: rgba(126, 156, 106, 0.14);
  --warning: #CE9A58;
  --warning-text: #CFB78F;
  --neutral-line: rgba(132, 122, 103, 0.30);
  --neutral-soft: rgba(132, 122, 103, 0.16);
  --neutral-text: #A89E86;

  /* —— 线条 —— */
  --line: rgba(244, 236, 215, 0.10);
  --line-soft: rgba(244, 236, 215, 0.07);
  --dash-line: rgba(244, 236, 215, 0.16);

  /* —— 主题派生色（按主题切换） —— */
  --bg-glow-top: rgba(208, 169, 90, 0.05);
  --bg-glow-bottom: rgba(184, 61, 45, 0.04);
  --select-bg: rgba(208, 169, 90, 0.30);
  --card-main-border: rgba(208, 169, 90, 0.22);
  --card-top-wash: rgba(255, 248, 232, 0.05);
  --inset-wash: rgba(255, 248, 232, 0.02);
  --button-primary-ink: #1B140E;
  --button-secondary-bg: rgba(208, 169, 90, 0.10);
  --focus-ring: rgba(208, 169, 90, 0.10);
  --accent-line-soft: rgba(208, 169, 90, 0.18);
  --cost-text: #C0705F;
  --progress-end: #D8B262;
  --track-bg: rgba(244, 236, 215, 0.08);
  --backdrop: rgba(10, 8, 6, 0.62);
  --nav-bg: linear-gradient(180deg, rgba(255, 248, 232, 0.06), rgba(255, 248, 232, 0.02)), var(--page-bg);
  --shadow-dot: 0 0 8px rgba(184, 61, 45, 0.7);
  --shadow-nav-active: 0 0 8px rgba(208, 169, 90, 0.5);

  /* —— 圆角 —— */
  --radius-xl: 20px;
  --radius-lg: 18px;
  --radius-md: 14px;
  --radius-sm: 10px;

  /* —— 间距 —— */
  --space-page: 16px;
  --nav-height: 60px;

  /* —— 字体栈 —— */
  --font-serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", serif;
  --font-sans: "Noto Sans SC", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-digit: "Inter", "SF Pro Display", system-ui, sans-serif;

  /* —— 阴影（暗色版克制） —— */
  --shadow-soft: 0 16px 40px -20px rgba(0, 0, 0, 0.55);
  --shadow-gold-glow: 0 0 0 1px rgba(208, 169, 90, 0.15), 0 10px 30px -16px rgba(208, 169, 90, 0.40);
  --shadow-cta: inset 0 1px 0 rgba(255, 255, 255, 0.28), 0 8px 20px -10px rgba(208, 169, 90, 0.50);
}

/* ================= 星象（深空 · 默认） =================
   深空近黑紫底 + 程序星图/北斗/八卦氛围层 + 玻璃态卡片。
   表面用半透明，让 #cosmos 星空从卡片后透出（配合 backdrop-filter）。 */
:root[data-theme="star"] {
  /* 表面 */
  --page-bg: #0B0913;
  --surface: rgba(34, 26, 51, 0.72);
  --surface-soft: rgba(28, 22, 44, 0.62);
  --overlay: rgba(255, 248, 232, 0.06);
  --paper-noise: none;

  /* 金色（更亮，星点感） */
  --gold: #D6B25E;
  --gold-bright: #F0DCA0;
  --gold-deep: #CFA449;
  --gold-soft: rgba(214, 178, 94, 0.16);
  --gold-line: rgba(214, 178, 94, 0.40);
  --gold-line-strong: rgba(240, 220, 160, 0.70);
  --gold-gradient: linear-gradient(180deg, #EBCE7E, #CFA449);

  /* 朱砂红（仅点今日/当前） */
  --accent-red: #C8452F;
  --accent-red-soft: rgba(200, 69, 47, 0.16);
  --accent-red-line: rgba(200, 69, 47, 0.34);
  --accent-red-text: #E0917F;

  /* 文字（宣纸白 + 紫调次级） */
  --ink: #F4ECD7;
  --ink-soft: #F0E6D0;
  --ink-muted: #C3BAD0;
  --muted: #8E84A0;
  --muted-deep: #A99FBA;

  /* 状态色 */
  --positive: #6E9A82;
  --positive-text: #86B79A;
  --positive-line: rgba(110, 154, 130, 0.36);
  --positive-soft: rgba(110, 154, 130, 0.16);
  --warning: #D6B25E;
  --warning-text: #E6CE8A;
  --neutral-line: rgba(142, 132, 160, 0.34);
  --neutral-soft: rgba(142, 132, 160, 0.16);
  --neutral-text: #A99FBA;

  /* 线条 */
  --line: rgba(244, 236, 215, 0.10);
  --line-soft: rgba(244, 236, 215, 0.07);
  --dash-line: rgba(244, 236, 215, 0.16);

  /* 主题派生色 */
  --bg-glow-top: rgba(122, 86, 172, 0.18);
  --bg-glow-bottom: rgba(196, 150, 72, 0.10);
  --select-bg: rgba(214, 178, 94, 0.30);
  --card-main-border: rgba(214, 178, 94, 0.32);
  --card-top-wash: rgba(240, 220, 160, 0.06);
  --inset-wash: rgba(122, 86, 172, 0.07);
  --button-primary-ink: #1A1207;
  --button-secondary-bg: rgba(214, 178, 94, 0.10);
  --focus-ring: rgba(214, 178, 94, 0.16);
  --accent-line-soft: rgba(214, 178, 94, 0.20);
  --cost-text: #E0917F;
  --progress-end: #F0DCA0;
  --track-bg: rgba(244, 236, 215, 0.08);
  --backdrop: rgba(8, 6, 14, 0.70);
  --nav-bg: linear-gradient(180deg, rgba(18, 13, 30, 0.80), rgba(11, 9, 19, 0.74));
  --shadow-dot: 0 0 10px rgba(200, 69, 47, 0.9);
  --shadow-nav-active: 0 0 8px rgba(214, 178, 94, 0.8);

  /* 阴影（深空：金色辉光更强） */
  --shadow-soft: 0 36px 80px -40px rgba(0, 0, 0, 0.9);
  --shadow-gold-glow: 0 0 0 1px rgba(214, 178, 94, 0.25), 0 0 50px -16px rgba(214, 178, 94, 0.45);
  --shadow-cta: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 10px 26px -10px rgba(214, 178, 94, 0.7);
}

/* ================= 星象 · 昼（浅色 · 可选） =================
   晨纸暖底 + 同一套星图/北斗/八卦氛围层 + 白玉玻璃卡片。
   与「星象」共用 #cosmos，但宇宙层用深一档的金/紫，才在浅纸上看得见。 */
:root[data-theme="star-day"] {
  /* 表面 */
  --page-bg: #F4EFE4;
  --surface: rgba(255, 255, 255, 0.72);
  --surface-soft: #F3ECDF;
  --overlay: rgba(46, 40, 66, 0.05);
  --paper-noise: none;

  /* 金色（浅底上用深金，保证对比度） */
  --gold: #A8801F;
  --gold-bright: #C9A646;
  --gold-deep: #CFA449;
  --gold-soft: rgba(168, 128, 31, 0.16);
  --gold-line: rgba(168, 128, 31, 0.40);
  --gold-line-strong: rgba(168, 128, 31, 0.55);
  --gold-gradient: linear-gradient(180deg, #EBCE7E, #CFA449);

  /* 朱砂红（仅点今日/当前） */
  --accent-red: #C8452F;
  --accent-red-soft: rgba(200, 69, 47, 0.14);
  --accent-red-line: rgba(200, 69, 47, 0.32);
  --accent-red-text: #C8452F;

  /* 文字（暖墨 + 紫调） */
  --ink: #2E2842;
  --ink-soft: #4A4360;
  --ink-muted: #5C5470;
  --muted: #8B8398;
  --muted-deep: #6B6478;

  /* 状态色 */
  --positive: #4F7C63;
  --positive-text: #4F7C63;
  --positive-line: rgba(79, 124, 99, 0.36);
  --positive-soft: rgba(79, 124, 99, 0.16);
  --warning: #A8801F;
  --warning-text: #A8801F;
  --neutral-line: rgba(46, 40, 66, 0.16);
  --neutral-soft: rgba(46, 40, 66, 0.05);
  --neutral-text: #8B8398;

  /* 线条 */
  --line: rgba(46, 40, 66, 0.10);
  --line-soft: rgba(46, 40, 66, 0.07);
  --dash-line: rgba(46, 40, 66, 0.16);

  /* 主题派生色 */
  --bg-glow-top: rgba(120, 86, 170, 0.16);
  --bg-glow-bottom: rgba(196, 150, 72, 0.12);
  --select-bg: rgba(168, 128, 31, 0.24);
  --card-main-border: rgba(168, 128, 31, 0.20);
  --card-top-wash: rgba(255, 255, 255, 0.60);
  --inset-wash: rgba(255, 255, 255, 0.45);
  --button-primary-ink: #1A1207;
  --button-secondary-bg: rgba(168, 128, 31, 0.10);
  --focus-ring: rgba(168, 128, 31, 0.18);
  --accent-line-soft: rgba(168, 128, 31, 0.20);
  --cost-text: #B5542E;
  --progress-end: #C9A646;
  --track-bg: rgba(46, 40, 66, 0.08);
  --backdrop: rgba(46, 40, 66, 0.45);
  --nav-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.72)), var(--page-bg);
  --shadow-dot: 0 0 8px rgba(200, 69, 47, 0.5);
  --shadow-nav-active: 0 0 8px rgba(168, 128, 31, 0.55);

  /* 阴影（浅色版柔和投影） */
  --shadow-soft: 0 18px 44px -28px rgba(46, 40, 66, 0.30);
  --shadow-gold-glow: 0 0 0 1px rgba(168, 128, 31, 0.22), 0 12px 30px -18px rgba(46, 40, 66, 0.22);
  --shadow-cta: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 10px 26px -12px rgba(168, 128, 31, 0.5);

  /* 宇宙层配色（浅纸上要深一档才看得见） */
  --cosmos-star-bright: #C9A646;
  --cosmos-star: #A8801F;
  --cosmos-line: #A8801F;
  --cosmos-violet: #7A56AC;
}