/* Hallmark · genre: editorial · theme: custom (bespoke) · tokens
 * vibe: "club-night vinyl board, scoresheet paper, green felt"
 * paper oklch(97% 0.012 100) · accent oklch(60% 0.16 40) terracotta
 * display: Cabinet Grotesk · body: Switzer · outlier: IBM Plex Mono (notation + fixtures only)
 * axes: light / grotesk-sans / warm
 */
:root {
  /* paper + ink */
  --color-paper: oklch(97% 0.012 100);
  --color-paper-2: oklch(94% 0.02 102);
  --color-ink: oklch(22% 0.03 155);
  --color-ink-soft: oklch(42% 0.025 150);
  --color-rule: oklch(85% 0.025 110);

  /* the roll-up tournament board */
  --color-sq-light: oklch(91% 0.05 105);
  --color-sq-dark: oklch(57% 0.085 140);
  --color-sq-mark: oklch(86% 0.14 98 / 0.7);
  --color-sq-mark-dark: oklch(72% 0.14 110 / 0.8);
  --color-piece-white: oklch(98.5% 0.008 100);
  --color-piece-black: oklch(19% 0.02 155);

  /* felt band (tournaments) */
  --color-felt: oklch(29% 0.055 158);
  --color-felt-2: oklch(34% 0.06 156);
  --color-felt-rule: oklch(42% 0.05 155);
  --color-on-felt: oklch(95% 0.025 100);
  --color-on-felt-soft: oklch(80% 0.04 120);

  /* one accent, used sparingly */
  --color-accent: oklch(60% 0.16 40);
  --color-accent-ink: oklch(49% 0.15 38);
  --color-accent-on-felt: oklch(76% 0.13 55);
  --color-open: oklch(60% 0.15 145);
  --color-closed: oklch(62% 0.02 150);
  --color-focus: oklch(55% 0.17 40);
  --color-scrim: oklch(16% 0.02 155 / 0.94);

  /* type */
  --font-display: "Cabinet Grotesk", "Arial Narrow", system-ui, sans-serif;
  --font-body: "Switzer", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;
  --font-pieces: "Noto Sans Symbols 2", "Segoe UI Symbol", "Apple Symbols", serif;

  --text-sm: 0.875rem;
  --text-base: 1.0625rem;
  --text-md: 1.3125rem;
  --text-lg: clamp(1.5rem, 1.1rem + 1.4vw, 2rem);
  --text-xl: clamp(2rem, 1.3rem + 2.6vw, 3.25rem);
  --text-display: clamp(2.75rem, 5vw + 1rem, 5.25rem);

  /* 4pt spacing */
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6.5rem;

  --gutter: clamp(1rem, 4vw, 3rem);
  --max: 78rem;

  --radius-sm: 3px;
  --radius-md: 6px;
  --rule: 1px solid var(--color-rule);
  --rule-felt: 1px solid var(--color-felt-rule);

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 140ms;
  --dur-mid: 260ms;
  --dur-slow: 620ms;
}