/* Planar — graphite, silver, fine lines. Tokens for the "orbital planes" revision (2026-10-14).
 * Secondary text is lighter than before so small copy stays readable on graphite. */
:root {
  --color-paper: oklch(15.1% .003 260);
  --color-paper-raised: oklch(18.2% .004 260);
  --color-paper-inset: oklch(12.8% .003 260);
  --color-panel: oklch(17% .004 260 / .88);
  --color-ink: oklch(96% .003 260);
  --color-body: oklch(83% .006 260);
  --color-muted: oklch(72% .006 260);
  --color-faint: oklch(54% .006 260);
  --color-rule: oklch(28% .005 260);
  --color-rule-strong: oklch(40% .006 260);
  --color-silver: oklch(88% .008 250);
  --color-silver-dim: oklch(70% .008 250);
  --color-accent: oklch(94% .004 260);
  --color-accent-strong: oklch(98.5% .002 260);
  --color-accent-ink: oklch(17% .003 260);
  --color-focus: oklch(90% .012 250);
  --color-success: oklch(84% .09 160);
  --color-error: oklch(80% .1 25);
  --color-shadow: oklch(5% 0 0 / .65);
  --color-overlay: oklch(5% 0 0 / .84);
  --color-clear: oklch(15.1% .003 260 / 0);

  --font-display: "Manrope", sans-serif;
  --font-body: "IBM Plex Sans", sans-serif;

  --text-xs: .8125rem;
  --text-sm: .9375rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.375rem;
  --text-2xl: clamp(1.45rem, 1.2rem + .9vw, 1.9rem);
  --text-heading: clamp(1.9rem, 1.35rem + 1.9vw, 2.85rem);
  --text-display: clamp(2.45rem, 1.5rem + 3.6vw, 4.35rem);
  --text-metric: clamp(3rem, 2.2rem + 3vw, 4.75rem);

  --space-xs: .25rem;
  --space-sm: .5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-section: clamp(4.5rem, 3rem + 5vw, 8rem);
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --radius-sm: 6px;
  --radius-md: 12px;
  --header-h: 76px;

  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --ease-in: cubic-bezier(.55, 0, 1, .45);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --dur-fast: 160ms;
  --dur-normal: 280ms;
  --dur-slow: 560ms;
  --rule-width: 1px;
}

@media (max-width: 760px) {
  :root { --header-h: 68px; }
}