/* 观澜 · 云白日间 / 深海蓝夜间 — 统一设计令牌与战况语义色阶 */
:root,
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f1f5fb;
  --surface: #ffffff;
  --surface-solid: #ffffff;
  --surface-raised: #f8faff;
  --surface-soft: #eef3fb;
  --surface-hover: #e7effc;
  --shell: #ffffffeb;
  --ink: #13233a;
  --muted: #51647c;
  --quiet: #6c809a;

  /* 主品牌与稳步推进（蓝） */
  --accent: #2563eb;
  --accent-bright: #3b82f6;
  --accent-soft: #e6effe;
  --accent-edge: #b7cffc;
  --accent-ink: #1d4ed8;
  --green: var(--accent);
  --green-soft: var(--accent-soft);

  /* 战况语义色：已回本（翠绿）/ 冲刺（青蓝）/ 预警（琥珀）/ 异常（绯红） */
  --success: #0d8259;
  --success-soft: #e1f6ed;
  --success-edge: #a3dfc5;
  --sprint: #087696;
  --sprint-soft: #dff4fa;
  --sprint-edge: #9cd9ec;
  --orange: #b85d0c;
  --warning-soft: #fff4e4;
  --warning-edge: #f2cf96;
  --red: #c43240;
  --danger-soft: #fdebec;
  --danger-edge: #f4b8bf;

  --purple: #6445b8;
  --purple-soft: #f0ebfc;
  --purple-edge: #d3c4f3;
  --teal: #0f766e;
  --teal-soft: #e2f5f2;
  --teal-edge: #a3dfd5;

  /* 组别色 */
  --team-blue: #1e5296;
  --team-blue-bg: #e0ecff;
  --team-blue-edge: #bfd6f8;
  --team-green: #14694f;
  --team-green-bg: #dcf2e8;
  --team-green-edge: #b2dfc9;
  --team-gray: #4b5b6c;
  --team-gray-bg: #e8edf3;
  --team-gray-edge: #ced8e3;

  --border: #dce5f2;
  --border-strong: #c6d5ea;
  --glass-edge: #e2eaf6;
  --glass-shadow: 0 1px 2px #0f254408, 0 8px 24px #1e3a660a;
  --glass-float: 0 2px 6px #0f25440a, 0 12px 32px #1e3a6612;
  --inner-shadow: inset 0 1px 0 #ffffff;
  --focus-ring: #3b82f6;
  --progress-track: #dfe8f5;
  --scroll-thumb: #b0c2dc;
  --backdrop: #0d1d3366;

  --page-wash: radial-gradient(ellipse at 0% 0%, #dbeafe75, transparent 42%),
    radial-gradient(ellipse at 100% 0%, #e0f2fe65, transparent 38%),
    linear-gradient(180deg, #f3f6fc 0%, #eef3fa 100%);
  --brand-fill: linear-gradient(145deg, #3b82f6, #1d4ed8);
  --brand-shadow: inset 0 1px 0 #ffffff55, 0 6px 16px #2563eb2b;
  --primary-fill: linear-gradient(140deg, #2563eb, #1d4ed8);
  --primary-hover: linear-gradient(140deg, #1d4ed8, #1e40af);
  --primary-ink: #ffffff;
  --story-fill: radial-gradient(ellipse at 20% 15%, #ffffff99, transparent 58%),
    linear-gradient(145deg, #dce9fd, #eaf1fc 55%, #e1f1f8);
  --story-bar: #bfd4f2;
  --line-fill: linear-gradient(90deg, #60a5fa, #2563eb);
  --line-sprint: linear-gradient(90deg, #22d3ee, #0891b2);
  --line-done: linear-gradient(90deg, #34d399, #059669);
  --line-risk: linear-gradient(90deg, #fbbf24, #d97706);

  background: var(--bg);
  color: var(--ink);
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0b1220;
  --surface: #131f34;
  --surface-solid: #131f34;
  --surface-raised: #182740;
  --surface-soft: #1b2c47;
  --surface-hover: #213554;
  --shell: #101b2ef2;
  --ink: #edf3fc;
  --muted: #9db1cb;
  --quiet: #7d93b0;

  --accent: #60a5fa;
  --accent-bright: #93c5fd;
  --accent-soft: #1b3356;
  --accent-edge: #31588d;
  --accent-ink: #93c5fd;
  --green: var(--accent);
  --green-soft: var(--accent-soft);

  --success: #34d399;
  --success-soft: #11352c;
  --success-edge: #215d4b;
  --sprint: #38bdf8;
  --sprint-soft: #123349;
  --sprint-edge: #22587a;
  --orange: #fbbf24;
  --warning-soft: #352814;
  --warning-edge: #684d22;
  --red: #fb7185;
  --danger-soft: #3a1c26;
  --danger-edge: #6d2f40;

  --purple: #c4b5fd;
  --purple-soft: #262246;
  --purple-edge: #49407a;
  --teal: #2dd4bf;
  --teal-soft: #133638;
  --teal-edge: #255e5f;

  --team-blue: #b3d2ff;
  --team-blue-bg: #1f395c;
  --team-blue-edge: #365c8c;
  --team-green: #8ce5be;
  --team-green-bg: #183b33;
  --team-green-edge: #2f6352;
  --team-gray: #c2cfdd;
  --team-gray-bg: #283445;
  --team-gray-edge: #415268;

  --border: #253750;
  --border-strong: #354d6e;
  --glass-edge: #2d4260;
  --glass-shadow: inset 0 1px 0 #ffffff08, 0 8px 26px #02060f45;
  --glass-float: inset 0 1px 0 #ffffff0d, 0 12px 34px #02060f66;
  --inner-shadow: inset 0 1px 0 #ffffff08;
  --focus-ring: #60a5fa;
  --progress-track: #253852;
  --scroll-thumb: #465d7c;
  --backdrop: #030812b8;

  --page-wash: radial-gradient(ellipse at 0% 0%, #1d3b6645, transparent 42%),
    radial-gradient(ellipse at 100% 0%, #143d5235, transparent 38%),
    linear-gradient(180deg, #0c1526 0%, #0b1220 100%);
  --brand-fill: linear-gradient(145deg, #3b82f6, #1e40af);
  --brand-shadow: inset 0 1px 0 #ffffff30, 0 6px 18px #02081866;
  --primary-fill: linear-gradient(140deg, #60a5fa, #3b82f6);
  --primary-hover: linear-gradient(140deg, #93c5fd, #60a5fa);
  --primary-ink: #091526;
  --story-fill: radial-gradient(ellipse at 15% 15%, #3b68a829, transparent 55%),
    linear-gradient(145deg, #162944, #111e33 58%, #122838);
  --story-bar: #28476e;
  --line-fill: linear-gradient(90deg, #3b82f6, #60a5fa);
  --line-sprint: linear-gradient(90deg, #06b6d4, #38bdf8);
  --line-done: linear-gradient(90deg, #10b981, #34d399);
  --line-risk: linear-gradient(90deg, #d97706, #fbbf24);
}