:root {
  --crust:    #0f0f17;
  --mantle:   #151521;
  --base:     #1a1a28;
  --surface0: #252535;
  --surface1: #313244;
  --surface2: #3a3a4d;

  --bg-body:  #0f0f17;
  --bg-card:  #1a1a28;
  --bg-card-2: #202030;
  --bg-elevated: #252535;
  --bg-input: #252535;
  --border:   #313244;
  --border-accent: #45475a;

  --text:     #cdd6f4;
  --subtext1: #bac2de;
  --subtext0: #a6adc8;
  --overlay1: #7f849c;
  --overlay0: #6c7086;

  --blue:     #89b4fa;
  --sapphire: #74c7ec;
  --sky:      #89dceb;

  --green:    #a6e3a1;
  --teal:     #94e2d5;

  --mauve:    #cba6f7;
  --lavender: #b4befe;

  --yellow:   #f9e2af;
  --peach:    #fab387;
  --gold:     #f9e2af;
  --red:      #f38ba8;

  --glow-blue: 0 0 0 1px rgba(137, 180, 250, 0.2), 0 0 30px -12px rgba(137, 180, 250, 0.4);
  --glow-blue-strong: 0 0 0 1px rgba(137, 180, 250, 0.35), 0 0 45px -10px rgba(137, 180, 250, 0.55);
  --glow-mauve: 0 0 0 1px rgba(203, 166, 247, 0.2), 0 0 30px -12px rgba(203, 166, 247, 0.4);
  --glow-mauve-strong: 0 0 0 1px rgba(203, 166, 247, 0.35), 0 0 45px -10px rgba(203, 166, 247, 0.55);
  --glow-lavender: 0 0 0 1px rgba(180, 190, 254, 0.2), 0 0 30px -12px rgba(180, 190, 254, 0.4);

  --font-primary: 'Elms-Sans', system-ui, -apple-system, sans-serif;
  --font-mono:    'Space Mono Nerd Font', 'JetBrains Mono Nerd Font', ui-monospace, monospace;

  --fs-xs:  0.7rem;
  --fs-sm:  0.8125rem;
  --fs-base: 0.9375rem;
  --fs-lg:  1.0625rem;
  --fs-xl:  1.25rem;
  --fs-2xl: 1.5rem;
  --fs-3xl: 2rem;
  --fs-4xl: 2.5rem;

  --space-1: 0.2rem;
  --space-2: 0.375rem;
  --space-3: 0.625rem;
  --space-4: 0.875rem;
  --space-5: 1rem;
  --space-6: 1.25rem;
  --space-8: 1.75rem;
  --space-10: 2.25rem;
  --space-12: 2.75rem;
  --space-16: 3.5rem;

  --radius-sm: 2px;
  --radius-md: 3px;
  --radius-lg: 4px;
  --radius-xl: 5px;
  --radius-full: 9999px;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --transition-fast: 120ms var(--ease-out);
  --transition-base: 200ms var(--ease-out);
  --transition-slow: 320ms var(--ease-out);
}