/* PYTHO tokens. Navy-tinted light chamber. One blue accent. */
:root {
  --ground: oklch(0.988 0.006 264);
  --ink: oklch(0.278 0.079 264);
  --ink-soft: oklch(0.405 0.052 264);
  --accent: oklch(0.725 0.095 251);
  --hairline: oklch(0.902 0.018 264);

  --chasm: oklch(0.278 0.079 264);
  --on-chasm: oklch(0.96 0.018 264);
  --band: oklch(0.972 0.01 264);
  --card: var(--ground);
  --line: var(--hairline);
  --mute: var(--ink-soft);
  --signal: var(--accent);

  --font-display: "Petrona", "Iowan Old Style", Palatino, "Palatino Linotype", serif;
  --font-body: "Golos Text", "Segoe UI", Tahoma, sans-serif;
  --font-mono: "Azeret Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;

  --fs-kicker: clamp(0.6875rem, 0.64rem + 0.2vw, 0.75rem);
  --fs-body: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
  --fs-h3: clamp(1.25rem, 1.08rem + 0.7vw, 1.5625rem);
  --fs-h2: clamp(1.75rem, 1.2rem + 1.8vw, 2.75rem);
  --fs-h1: clamp(2.25rem, 1.2rem + 3.4vw, 4.75rem);

  --lh-kicker: 1.35;
  --lh-body: 1.55;
  --lh-display: 1.12;

  --space-2xs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --space-4xl: 96px;

  --gutter: clamp(16px, 4vw, 48px);
  --maxw: 1360px;
  --axis: 280px;
  --nav-h: 96px;
  --radius: 2px;
  --touch: 44px;

  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
  --fx-hover: 180ms;
  --fx-reveal: 720ms;
  --fx-stagger: 70ms;

  --track-kicker: 0.12em;
  --track-display: -0.018em;

  color-scheme: light;
}