/* Hallmark · tokens · theme: custom "Scoreboard"
 * vibe: competitive, printed scoreboard, amber signal on cool ink
 * axes: light / display-condensed (Big Shoulders Display, roman) / warm (amber, hue 68)
 * fonts: Big Shoulders Display (display) + Geist (body) + Geist Mono (outlier: hero tag + facts only)
 */
:root {
  --color-paper: oklch(97.5% 0.008 255);
  --color-paper-2: oklch(93.5% 0.014 255);
  --color-field: oklch(99.5% 0.003 255);
  --color-ink: oklch(18% 0.035 262);
  --color-ink-hex: #091121; /* same ink as --color-ink; Razorpay's theme option only accepts hex */
  --color-ink-2: oklch(40% 0.03 262);
  --color-line: oklch(83% 0.02 258);
  --color-line-on-ink: oklch(48% 0.03 262);
  --color-accent: oklch(79% 0.165 68);
  --color-accent-deep: oklch(62% 0.19 45);
  --color-focus: oklch(50% 0.2 262);
  --color-error: oklch(46% 0.2 27);
  --color-ok: oklch(44% 0.13 155);

  --font-display: "Big Shoulders Display", "Arial Narrow", sans-serif;
  --font-body: "Geist", ui-sans-serif, system-ui, sans-serif;
  --font-outlier: "Geist Mono", ui-monospace, Menlo, monospace;

  --text-xs: 0.8125rem;
  --text-sm: 0.9375rem;
  --text-base: 1rem;
  --text-md: 1.25rem;
  --text-lg: 1.5625rem;
  --text-xl: 1.9531rem;
  --text-2xl: 2.4414rem;
  --text-h2: clamp(2.25rem, 5vw + 0.75rem, 3.75rem);
  --text-stat: clamp(4.75rem, 12vw + 0.5rem, 7rem);

  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-s: 1rem;
  --space-m: 1.5rem;
  --space-l: 2rem;
  --space-xl: 3rem;
  --space-2xl: clamp(3.5rem, 8vw, 6rem);
  --gutter: clamp(1rem, 4vw, 3rem);
  --measure: 62ch;
  --width-page: 80rem;

  --radius-s: 4px;
  --rule: 2px;
  --shadow-hard: 8px 8px 0 var(--color-ink);
  --shadow-press: 4px 4px 0 var(--color-ink);

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 120ms;
  --dur-short: 200ms;
  --dur-long: 600ms;
}