:root,
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0c111c;
  --sidebar: #0f1521;
  --surface: #131c2b;
  --surface-glass: rgba(20, 29, 44, .7);
  --surface-raised: #1b2739;
  --text: #dbe4f0;
  --muted: #97a6ba;
  --quiet: #7e91ac;
  --line: rgba(149, 177, 209, .14);
  --line-strong: rgba(149, 177, 209, .27);
  --blue: #92d9ed;
  --pink: #e7b5d0;
  --mint: #a4d9c8;
  --violet: #c4b6e6;
  --blue-soft: rgba(146, 217, 237, .09);
  --pink-soft: rgba(231, 181, 208, .08);
  --blue-glow: rgba(96, 178, 219, .12);
  --pink-glow: rgba(173, 110, 164, .08);
  --button-text: #142333;
  --button: #a4deed;
  --shadow: 0 16px 45px rgba(3, 8, 16, .18);
  --overlay: rgba(5, 10, 20, .65);
  --star: 154, 192, 220;
  --grid: rgba(138, 175, 205, .055);
}
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f2f4f8;
  --sidebar: #eaf0f5;
  --surface: #f9fbfd;
  --surface-glass: rgba(250, 252, 254, .8);
  --surface-raised: #e7eef5;
  --text: #25364c;
  --muted: #576b83;
  --quiet: #60738c;
  --line: rgba(64, 93, 125, .15);
  --line-strong: rgba(64, 93, 125, .3);
  --blue: #24728f;
  --pink: #a95f86;
  --mint: #3c7968;
  --violet: #77609f;
  --blue-soft: rgba(66, 142, 178, .08);
  --pink-soft: rgba(185, 113, 151, .065);
  --blue-glow: rgba(131, 188, 215, .14);
  --pink-glow: rgba(209, 163, 197, .13);
  --button-text: #f1f7fa;
  --button: #337e9a;
  --shadow: 0 12px 36px rgba(53, 87, 116, .055);
  --overlay: rgba(41, 56, 76, .32);
  --star: 75, 117, 151;
  --grid: rgba(76, 125, 162, .07);
}