:root {
  color-scheme: dark;
  --bg-base: #0a0910;
  --bg-soft: #12101a;
  --bg-card: rgba(19, 17, 28, 0.84);
  --bg-card-strong: rgba(27, 24, 40, 0.95);
  --bg-elevated: rgba(34, 30, 50, 0.97);
  --ink: #edeaf3;
  --ink-soft: #c9c4d6;
  --ink-muted: #8d86a0;
  --line: rgba(183, 166, 227, 0.14);
  --line-strong: rgba(183, 166, 227, 0.3);
  --accent: #b7a6e3;
  --accent-soft: rgba(183, 166, 227, 0.14);
  --mist: #d3c7ef;
  --mist-soft: rgba(211, 199, 239, 0.14);
  --gilt: #c9a96a;
  --gilt-soft: rgba(201, 169, 106, 0.16);
  --ink-deep: #14121c;
  --success: #98d7ff;
  --warning: #8ea2bd;
  --danger: #9aa7bd;
  --wood: #42c5a6;
  --fire: #d86c5d;
  --earth: #d79c52;
  --metal: #dfe5ea;
  --water: #395981;
  --wood-soft: rgba(66, 197, 166, 0.16);
  --fire-soft: rgba(216, 108, 93, 0.16);
  --earth-soft: rgba(215, 156, 82, 0.18);
  --metal-soft: rgba(223, 229, 234, 0.14);
  --water-soft: rgba(57, 89, 129, 0.26);
  --font-ui: Inter, system-ui, -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-serif: "Noto Serif SC", "LXGW WenKai", "Songti SC", "STSong", "SimSun", Georgia, serif;
  --font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 44px;
  --shadow-soft: 0 18px 60px rgba(0, 0, 0, 0.3);
  --shadow-strong: 0 28px 90px rgba(0, 0, 0, 0.44);
  --transition-fast: 160ms ease;
  --transition-mid: 260ms cubic-bezier(.2, .8, .2, 1);
}

:root[data-theme="light"] {
  color-scheme: light;
  --bg-base: #f6f4fa;
  --bg-soft: #edeaf5;
  --bg-card: rgba(255, 255, 255, 0.88);
  --bg-card-strong: rgba(255, 255, 255, 0.97);
  --bg-elevated: #ffffff;
  --ink: #201c2e;
  --ink-soft: #4d4660;
  --ink-muted: #7c7490;
  --line: rgba(90, 76, 140, 0.14);
  --line-strong: rgba(90, 76, 140, 0.26);
  --accent: #7863c0;
  --accent-soft: rgba(120, 99, 192, 0.11);
  --mist: #beafeb;
  --mist-soft: rgba(190, 175, 235, 0.14);
  --gilt: #a5813d;
  --gilt-soft: rgba(165, 129, 61, 0.12);
  --ink-deep: #fbfaff;
  --shadow-soft: 0 18px 48px rgba(52, 42, 96, 0.12);
  --shadow-strong: 0 28px 76px rgba(52, 42, 96, 0.18);
}