:root {
  --ink: #14172b;
  --ink-2: #232847;
  --ink-3: #4a5178;
  --chalk: #e9ecf2;
  --chalk-2: #dfe4ee;
  --paper: #ffffff;
  --krapp: #e5384f;
  --azur: #1b5ce0;
  --ohra: #f7b500;
  --zelen: #0fa37a;

  --on-ink: #f4f6fb;
  --on-ink-dim: #9aa3c4;
  --on-chalk-dim: #5b6386;

  --font-display: "Unbounded", system-ui, sans-serif;
  --font-body: "Onest", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", monospace;

  --t-hero: min(8.85cqw, 7.3rem);
  --t-h2: clamp(2rem, 1.1rem + 3.6vw, 4.5rem);
  --t-h3: clamp(1.25rem, 1.05rem + 0.8vw, 1.75rem);
  --t-lead: clamp(1.0625rem, 0.98rem + 0.5vw, 1.375rem);
  --t-body: clamp(0.9375rem, 0.9rem + 0.2vw, 1.0625rem);
  --t-mono: clamp(0.6875rem, 0.66rem + 0.12vw, 0.8125rem);

  --pad-section: clamp(4.5rem, 3rem + 7vw, 11rem);
  --pad-tight: clamp(2.5rem, 2rem + 3vw, 5rem);
  --gutter: clamp(1.25rem, 0.6rem + 3vw, 4.5rem);
  --max: 1320px;
  --max-prose: 62ch;

  --dot: 9px;
  --dot-gap: 10px;

  --radius: 4px;
  --radius-lg: 22px;

  --dur-1: 160ms;
  --dur-2: 420ms;
  --dur-3: 900ms;
  --ease: cubic-bezier(0.2, 0.9, 0.3, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}