:root {
  /* Catppuccin Mocha (Dark, default) */
  --base: #1e1e2e;
  --mantle: #181825;
  --crust: #11111b;
  --surface0: #313244;
  --surface1: #45475a;
  --overlay0: #6c7086;
  --text: #cdd6f4;
  --subtext0: #a6adc8;

  --mauve: #cba6f7;
  --blue: #89b4fa;
  --green: #a6e3a1;
  --peach: #fab387;
  --red: #f38ba8;

  /* RGB equivalents for transparency overlay support */
  --mauve-rgb: 203, 166, 247;
  --blue-rgb: 137, 180, 250;
  --green-rgb: 166, 227, 161;
  --peach-rgb: 250, 179, 135;
  --red-rgb: 243, 139, 168;
  --crust-rgb: 17, 17, 27;
  --base-rgb: 30, 30, 46;
  --surface0-rgb: 49, 50, 68;

  --font-display: 'Space Grotesk', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 18px;

  --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-fast: all 0.15s ease-in-out;

  color-scheme: dark;
}

:root.theme-latte {
  /* Catppuccin Latte (Light) */
  --base: #eff1f5;
  --mantle: #e6e9ef;
  --crust: #dce0e8;
  --surface0: #ccd0da;
  --surface1: #bcc0cc;
  --overlay0: #9ca0b0;
  --text: #4c4f69;
  --subtext0: #6c6f85;

  --mauve: #8839ef;
  --blue: #1e66f5;
  --green: #40a02b;
  --peach: #fe640b;
  --red: #d20f39;

  /* RGB equivalents */
  --mauve-rgb: 136, 57, 239;
  --blue-rgb: 30, 102, 245;
  --green-rgb: 64, 160, 43;
  --peach-rgb: 254, 100, 11;
  --red-rgb: 210, 15, 57;
  --crust-rgb: 220, 224, 232;
  --base-rgb: 239, 241, 245;
  --surface0-rgb: 204, 208, 218;

  color-scheme: light;
}