:root {
  --color-background: #f7f5f0;
  --color-surface: #ffffff;
  --color-text: #15131a;
  --color-muted: #55505e;
  --color-primary: #3b2bd6;
  --color-on-primary: #ffffff;
  --color-accent: #b4361a;
  --color-border: #d9d4ca;
  --color-dark: #15131a;
  --color-primary-soft: #e7e4fb;
  --color-accent-soft: #fbe6df;
  --color-highlight: #fff1a8;
  --font-heading: "Fraunces", Georgia, serif;
  --font-body: "Inter", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.25rem;
  --text-xl: 1.5rem;
  --text-2xl: 2rem;
  --text-3xl: 2.75rem;
  --text-4xl: 3.5rem;
  --text-5xl: clamp(2.5rem, 7vw, 5.5rem);
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 5rem;
  --radius-sm: 4px;
  --radius-md: 12px;
  --radius-lg: 28px;
  --radius-pill: 999px;
  --shadow-md: 0 10px 30px rgba(21, 19, 26, 0.14);
  --width-wide: 1200px;
  --color-14db36: #14db36;
}