/* Brand tokens. Dark is the default theme (works before theme.js runs). */
:root,
[data-theme="dark"] {
  color-scheme: dark;

  /* Brand */
  --maroon: #A63E4C;
  --rose: #D9A0A8;
  --ink: #0B0B0C;
  --paper: #F5F5F3;

  /* Dark theme surfaces */
  --bg: #1A1A19;
  --surface: #262624;
  --elevated: #30302E;
  --border: #3D3C3A;
  --text: #F5F5F3;
  --text-secondary: #A8A69F;
  --text-muted: #7A7873;

  /* Chart / support */
  --chart-slate: #5B6E80;
  --chart-sand: #C9B48C;

  --rail-width: 56px;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
}

[data-theme="light"] {
  color-scheme: light;

  --bg: #F5F5F3;
  --surface: #FFFFFF;
  --elevated: #FBFBFA;
  --border: #E4E2DD;
  --text: #0B0B0C;
  --text-secondary: #5F5E5A;
  --text-muted: #8C8A85;
}