:root[data-theme="dark"] {
  --bg: #08171a;
  --surface: #10262b;
  --surface-2: #16333a;
  --surface-3: #1e444c;
  --border: #35555b;
  --divider: #274148;
  --text: #e9f3f3;
  --text-muted: #bdd1d3;
  --text-faint: #8da4a8;
  --primary: #63b7bd;
  --primary-soft: rgba(99,183,189,0.16);
  --primary-strong: #9de0e4;
  --accent: #f0b07c;
  --accent-soft: rgba(240,176,124,0.14);
  --accent-strong: #ffcf9f;
  --secondary: #7bb0c9;
  --secondary-soft: rgba(123,176,201,0.14);
  --support: #b792e8;
  --support-soft: rgba(183,146,232,0.14);
  --link: #89d7df;
  --success: #73c592;
  --success-soft: rgba(115,197,146,0.14);
  --warning: #ebc06e;
  --warning-soft: rgba(235,192,110,0.14);
  --danger: #de8a9d;
  --danger-soft: rgba(222,138,157,0.14);
  --info: #87b5ea;
  --info-soft: rgba(135,181,234,0.14);
  --on-primary: #082125;
  --shadow: 0 18px 42px rgba(0, 0, 0, 0.32);
}