/* Pãotheon · Hallmark: playful / marquee hero / editorial project index */
@font-face { font-family: 'Big Shoulders'; src: url('assets/fonts/big-shoulders-display-800.ttf') format('truetype'); font-weight: 800; font-display: swap; }
@font-face { font-family: 'IBM Plex Sans'; src: url('assets/fonts/ibm-plex-sans-400.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'IBM Plex Sans'; src: url('assets/fonts/ibm-plex-sans-500.ttf') format('truetype'); font-weight: 500; font-display: swap; }
:root {
  color-scheme: light;
  --ink: oklch(22% .012 250);
  --night: oklch(16.5% .009 250);
  --cream: oklch(95.7% .015 83);
  --paper: oklch(98% .008 83);
  --blue: oklch(66% .17 252);
  --blue-light: oklch(91% .035 248);
  --toast: oklch(77% .099 76);
  --muted: oklch(46% .02 250);
  --line: oklch(82% .018 83);
  --night-line: oklch(31% .015 250);
  --white: oklch(97% .004 83);
  --sage: oklch(87% .026 155);
  --sage-ink: oklch(30% .035 155);
  --rose: oklch(89% .03 49);
  --rose-ink: oklch(36% .047 49);
  --text-on-night-muted: oklch(76% .01 250);
  --accent-ink: oklch(46% .14 252);
  --accent-hover: oklch(40% .09 252);
  --diagram-ink: oklch(30% .085 252);
  --diagram-rule: oklch(40% .11 252);
  --diagram-divider: oklch(72% .055 248);
  --diagram-layer: oklch(83% .067 248);
  --diagram-output: oklch(31% .082 252);
  --map-line: oklch(75% .043 49);
  --display: 'Big Shoulders', Impact, 'Arial Narrow', sans-serif;
  --body: 'IBM Plex Sans', Arial, sans-serif;
  --page: 1440px;
  --gutter: clamp(22px, 4.5vw, 80px);
  --target-size: 44px;
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --space-6: 64px;
  --space-7: 96px;
  --ease: cubic-bezier(.2,.65,.3,1);
  --duration: 180ms;
}