:root {
  --bg: #1e1e2e;
  --bg-glow: #2a2440;
  --fg: #cdd6f4;
  --surface: #181825;
  --surface-2: #24243a;
  --surface-3: #2e2e46;
  --accent: #fab387;
  --accent-dim: rgba(250, 179, 135, 0.12);
  --accent-line: rgba(250, 179, 135, 0.28);
  --muted: #9399b2;
  --border: #313147;

  --font-sans: "Varela Round", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 20px;

  --radius-primary: 8px;
  --radius-secondary: 6px;
  --radius-tertiary: 4px;
  --radius-pill: 999px;

  --shadow-ambient: 0 1px 2px rgba(0, 0, 0, 0.24);
  --shadow-hover: 0 12px 28px -10px rgba(250, 179, 135, 0.28);
}