:root {
  /* Colors — OKLCH, amber committed strategy */
  --bg:           oklch(97.5% 0.007 75);
  --bg-subtle:    oklch(93%   0.010 75);
  --bg-hover:     oklch(95%   0.010 75);
  --text:         oklch(13%   0.010 75);
  --text-muted:   oklch(45%   0.010 75);
  --text-faint:   oklch(52%   0.008 75);
  --accent:       oklch(62%   0.200 75);
  --accent-light: oklch(88%   0.080 75);
  --accent-dim:   oklch(62%   0.200 75 / 0.10);
  --border:       oklch(84%   0.010 75);
  --border-hover: oklch(72%   0.015 75);
  --bg-glass:     oklch(97.5% 0.007 75 / 0.88);

  /* Type scale — modular 1.333, fluid clamp */
  --text-xs:   clamp(0.70rem,  0.65rem + 0.20vw, 0.813rem);
  --text-sm:   clamp(0.875rem, 0.80rem + 0.25vw, 1rem);
  --text-base: clamp(1rem,     0.93rem + 0.30vw, 1.125rem);
  --text-lg:   clamp(1.25rem,  1.10rem + 0.50vw, 1.5rem);
  --text-xl:   clamp(1.75rem,  1.40rem + 1.20vw, 2.5rem);
  --text-2xl:  clamp(2.5rem,   1.80rem + 2.50vw, 4.5rem);
  --text-hero: clamp(3.5rem,   2.20rem + 5.00vw, 7.5rem);

  /* Spacing */
  --space-2:   0.125rem;
  --space-4:   0.25rem;
  --space-6:   0.375rem;
  --space-8:   0.5rem;
  --space-12:  0.75rem;
  --space-16:  1rem;
  --space-20:  1.25rem;
  --space-24:  1.5rem;
  --space-32:  2rem;
  --space-40:  2.5rem;
  --space-48:  3rem;
  --space-64:  4rem;
  --space-80:  5rem;
  --space-96:  6rem;
  --space-128: 8rem;
  --space-160: 10rem;

  /* Fluid section spacing */
  --section-gap:  clamp(5rem, 4rem + 4vw, 10rem);
  --section-pad:  clamp(4rem, 3rem + 3vw, 8rem);
  --content-max:  1200px;
  --content-wide: 1440px;
  --gutter:       clamp(1.25rem, 4vw, 3rem);

  /* Font families */
  --font-display: 'Clash Display', sans-serif;
  --font-body:    'General Sans', sans-serif;

  /* Motion */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
  --duration-fast:   0.25s;
  --duration-base:   0.45s;
  --duration-slow:   0.65s;

  /* Radius */
  --radius-sm: 2px;
  --radius-md: 4px;
}