/* Shapes design tokens. The three draft variants share the same brand anchor. */
:root {
  --color-logo-red: oklch(55.934412% 0.12553136 21.33451809);
  --color-logo-cream: oklch(98.130008% 0.01750894 81.332773);
  --color-logo-black: oklch(0% 0 0);
  --color-logo-wine: oklch(25% 0.037 15);
  --color-logo-rule: oklch(81% 0.042 25);
  --color-paper: oklch(96.3% 0.012 81);
  --color-paper-2: oklch(92.9% 0.015 81);
  --color-ink: oklch(22% 0.012 52);
  --color-muted: oklch(46% 0.015 52);
  --color-rule: oklch(79% 0.018 70);
  --color-accent: oklch(43% 0.135 25);
  --color-accent-ink: oklch(97% 0.009 75);
  --color-focus: oklch(47% 0.18 25);
  --color-dark: oklch(19% 0.009 58);
  --color-dark-raised: oklch(23% 0.01 58);
  --color-light-ink: oklch(93% 0.019 75);
  --color-dark-muted: oklch(73% 0.017 75);
  --color-dark-rule: oklch(36% 0.014 60);
  --color-dark-accent: oklch(76% 0.107 42);
  --font-display: 'Instrument Serif', Georgia, serif;
  --font-body: 'IBM Plex Sans', sans-serif;
  --font-graphic: 'Space Grotesk', sans-serif;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --space-4xl: 96px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --text-xs: .75rem;
  --text-sm: .875rem;
  --text-base: 1rem;
  --text-lg: 1.25rem;
  --text-xl: 1.5625rem;
  --text-2xl: 1.953rem;
  --text-3xl: 2.441rem;
  --text-display: clamp(3.75rem, 6vw, 7rem);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-in: cubic-bezier(.7, 0, .84, 0);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --dur-micro: 120ms;
  --dur-short: 220ms;
  --rule-hair: 1px;
  --radius-card: 0;
  --z-sticky: 200;
}