/* 5 Over All — design tokens. Palette is read off the 5/ALL neon sign: cyan 5, white bar, orange ALL, over wet brick-black. */
:root {
  /* surfaces */
  --color-ink: oklch(14% 0.012 255);
  --color-ink-2: oklch(19% 0.014 255);
  --color-ink-line: oklch(30% 0.014 255);
  --color-ghost: oklch(48% 0.016 255);
  --color-paper: oklch(96% 0.004 85);
  --color-card: oklch(99.2% 0.002 85);
  --color-line: oklch(87% 0.005 85);

  /* text */
  --color-text: oklch(20% 0.01 255);
  --color-text-2: oklch(42% 0.01 255);
  --color-on-dark: oklch(96% 0.004 85);
  --color-on-dark-2: oklch(76% 0.008 255);

  /* sign colours */
  --color-neon-cyan: oklch(82% 0.12 210);
  --color-neon-orange: oklch(72% 0.18 52);
  --color-accent: var(--color-neon-orange);
  --color-accent-hover: oklch(78% 0.17 55);
  --color-accent-ink: oklch(14% 0.012 255);
  --color-focus: oklch(82% 0.12 210);
  --color-focus-on-light: oklch(48% 0.14 240);

  /* hand-built key art (Gold in Dem Hills) */
  --art-sky-top: oklch(30% 0.05 265);
  --art-sky-low: oklch(74% 0.1 70);
  --art-sun: oklch(90% 0.12 90);
  --art-hill-far: oklch(46% 0.05 250);
  --art-hill-mid: oklch(36% 0.06 200);
  --art-hill-near: oklch(26% 0.05 190);
  --art-stream: oklch(62% 0.08 215);
  --art-gold: oklch(84% 0.15 88);

  /* type */
  --font-display: "Big Shoulders Display", "Arial Narrow", Impact, sans-serif;
  --font-body: "Instrument Sans", "Segoe UI", system-ui, sans-serif;
  --text-xs: 0.8125rem;
  --text-sm: 0.9375rem;
  --text-md: 1.0625rem;
  --text-lg: 1.25rem;
  --text-xl: clamp(1.6rem, 2.4vw, 2rem);
  --text-2xl: clamp(2rem, 3.6vw, 3rem);
  --text-display: clamp(2.9rem, 7vw, 6rem);

  /* space (4pt) */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-9: 7rem;

  --rule-accent: 3px;
  --radius-sm: 2px;
  --gutter: clamp(1rem, 4vw, 2.5rem);
  --max: 78rem;

  /* motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 140ms;
  --dur-med: 280ms;
}