:root {
  --color-ink: #071725;
  --color-ink-soft: #102c3b;
  --color-surface: #f7f8f5;
  --color-surface-elevated: #ffffff;
  --color-paper: #f2f4f0;
  --color-text: #17232b;
  --color-text-muted: #5d6b75;
  --color-signal: #3b9f91;
  --color-signal-strong: #207d73;
  --color-signal-soft: #d8eeea;
  --color-line: #d4ddda;
  --color-line-strong: #9bb9b4;
  --color-ink-rgb: 7, 23, 37;
  --color-signal-rgb: 59, 159, 145;

  --font-display: "Manrope", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
  --text-display-xl: clamp(3rem, 6vw, 5.8rem);
  --text-display-lg: clamp(2.5rem, 4.6vw, 4.65rem);
  --text-h1: clamp(2.25rem, 3.8vw, 4rem);
  --text-h2: clamp(1.7rem, 2.55vw, 2.7rem);
  --text-h3: clamp(1.2rem, 1.4vw, 1.45rem);
  --text-body-lg: clamp(1rem, 1vw, 1.125rem);
  --text-body: 1rem;
  --text-body-sm: .875rem;
  --text-micro: .69rem;

  --space-1: .25rem; --space-2: .5rem; --space-3: .75rem; --space-4: 1rem;
  --space-5: 1.25rem; --space-6: 1.5rem; --space-8: 2rem; --space-10: 2.5rem;
  --space-12: 3rem; --space-16: 4rem; --space-20: 5rem; --space-24: 6rem; --space-32: 8rem;
  --section-space: clamp(4.5rem, 8vw, 8rem);
  --gutter: clamp(1.25rem, 3vw, 2.75rem);
  --container-main: 78rem;
  --container-reading: 46rem;
  --container-wide: 92rem;

  --radius-sm: 2px; --radius-md: 7px; --radius-lg: 12px;
  --line: 1px solid var(--color-line);
  --line-dark: 1px solid rgba(255,255,255,.16);
  --shadow-soft: 0 1.5rem 4rem rgba(var(--color-ink-rgb), .08);
  --shadow-deep: 0 1.75rem 5rem rgba(0, 0, 0, .2);

  --duration-fast: 180ms; --duration-medium: 280ms; --duration-slow: 700ms; --duration-ambient: 16s;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-in: cubic-bezier(.7, 0, .84, 0);
  --ease-standard: cubic-bezier(.4, 0, .2, 1);
}