:root {
  --font-display: "Plus Jakarta Sans", "Avenir Next", sans-serif;
  --font-body: "Plus Jakarta Sans", "Avenir Next", sans-serif;
  --font-label: "JetBrains Mono", "SFMono-Regular", monospace;

  --color-ground: oklch(96.5% 0.018 96);
  --color-paper: oklch(99% 0.012 96);
  --color-paper-2: oklch(94% 0.025 96);
  --color-ink: oklch(24% 0.025 250);
  --color-ink-2: oklch(45% 0.025 250);
  --color-rule: oklch(84% 0.026 96);
  --color-rule-strong: oklch(70% 0.04 96);
  --color-accent: oklch(86% 0.19 115);
  --color-accent-deep: oklch(67% 0.17 119);
  --color-accent-ink: oklch(24% 0.025 250);
  --color-cyan: oklch(82% 0.12 205);
  --color-cyan-deep: oklch(53% 0.12 215);
  --color-coral: oklch(74% 0.17 32);
  --color-coral-deep: oklch(57% 0.16 30);
  --color-mint: oklch(88% 0.11 162);
  --color-mint-deep: oklch(52% 0.12 160);
  --color-lavender: oklch(88% 0.07 300);
  --color-danger: oklch(61% 0.2 28);
  --color-danger-soft: oklch(94% 0.045 28);
  --color-focus: oklch(57% 0.16 240);
  --color-overlay: oklch(24% 0.025 250 / 0.72);
  --color-shadow: oklch(20% 0.012 250 / 0.12);
  --color-accent-shadow: oklch(76% 0.2 95 / 0.45);
  --color-cyan-shadow: oklch(70% 0.12 205 / 0.35);

  --space-2xs: 0.35rem;
  --space-xs: 0.6rem;
  --space-sm: 0.9rem;
  --space-md: 1.25rem;
  --space-lg: 1.8rem;
  --space-xl: 3rem;
  --space-2xl: clamp(4rem, 8vw, 7rem);
  --page-gutter: clamp(1rem, 4vw, 3rem);
  --page-max: 78rem;
  --radius-sm: 0.7rem;
  --radius-md: 1rem;
  --radius-card: 1.5rem;
  --radius-pill: 999px;
  --rule-hair: 1px;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --banner-height: 4.5rem;
  --shadow-card: 0 12px 32px -16px var(--color-shadow);
  --shadow-float: 0 24px 60px -24px var(--color-shadow);
}