:root {
  --sky: #60BFF5;
  --blue: #2E63A4;
  --caramel: #AF6528;
  --yellow: #FFCE00;
  --red: #D70000;
  --green: #58D68D;
  --black: #000000;
  --white: #FFFFFF;
  --offwhite: #F8F6F1;
  --cream: #F0EDE5;
  --text-muted: #5A5A52;
  --text-light: #8A8A80;
  --border: #E0DDD5;

  --font-display: 'Space Grotesk', system-ui, sans-serif;
  --font-body: 'DM Sans', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  --ease: cubic-bezier(0.33, 1, 0.68, 1);
  --speed: 0.25s;
}

/* Dark mode tokens (default) */
[data-theme="dark"], :root {
  --bg: #0D1117;
  --bg-card: #161B22;
  --bg-elevated: #1C2128;
  --border-dark: #30363D;
  --text-primary: #E6EDF3;
  --text-secondary: #8B949E;
  --text-tertiary: #6E7681;
  --text-reading: #B8C0CC;
}

/* Light mode tokens */
[data-theme="light"] {
  --bg: #FFFFFF;
  --bg-card: #F6F8FA;
  --bg-elevated: #F0F2F5;
  --border-dark: #D0D7DE;
  --text-primary: #1F2328;
  --text-secondary: #656D76;
  --text-tertiary: #8C959F;
  --text-reading: #424A53;
}