/* Hallmark · route: custom (tuned) · genre: modern-minimal · macrostructure: Photographic
 * vibe: "broadcast board, cool navy, live table"
 * paper: oklch(97.2% 0.008 250) · accent: oklch(55% 0.16 255)
 * display: Anuphan · body: Sarabun
 * axes: light / grotesk-sans / cool · nav: original dark bar · footer: original 4-col
 * enrichment: existing hero photograph · pre-emit critique: P4 H4 E4 S4 R4 V4
 * audience: คนไทยที่หาทางเข้า SBOBET · use: กดเข้าเล่น · tone: utilitarian
 */
:root {
  --color-paper: oklch(97.2% 0.008 250);
  --color-paper-2: oklch(99% 0.006 250);
  --color-paper-3: oklch(94.5% 0.012 250);
  --color-ink: oklch(18% 0.03 250);
  --color-ink-2: oklch(38% 0.025 250);
  --color-muted: oklch(48% 0.02 250);
  --color-rule: oklch(88% 0.012 250);
  --color-accent: oklch(55% 0.16 255);
  --color-accent-ink: oklch(98% 0.01 250);
  --color-play: oklch(62% 0.17 145);
  --color-play-ink: oklch(98% 0.01 145);
  --color-play-press: oklch(54% 0.16 145);
  --color-register: oklch(86% 0.12 88);
  --color-register-ink: oklch(24% 0.05 80);
  --color-mast: oklch(16% 0.04 250);
  --color-mast-ink: oklch(92% 0.02 250);
  --color-mast-muted: oklch(78% 0.03 250);
  --color-brand: oklch(72% 0.12 250);
  --color-live: oklch(58% 0.16 145);
  --color-focus: oklch(55% 0.16 255);
  --color-footer: oklch(14% 0.035 250);
  --color-footer-ink: oklch(72% 0.025 250);
  --font-display: "Anuphan", "Sarabun", sans-serif;
  --font-body: "Sarabun", "Anuphan", sans-serif;
  --display-weight: 700;
  --tracking-display: 0;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-md: 1rem;
  --text-lg: 1.25rem;
  --text-xl: 1.5rem;
  --text-display-s: clamp(1.35rem, 2.4vw + 0.7rem, 1.85rem);
  --space-3xs: 0.125rem;
  --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: 6rem;
  --page-gutter: 1.25rem;
  --shell: 44rem;
  --shell-doc: 64rem;
  --shell-wide: 72rem;
  --radius-sm: 0.375rem;
  --radius-md: 0.75rem;
  --shadow-whisper: 0 1px 2px oklch(20% 0.02 250 / 0.06);
  --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-micro: 120ms;
  --dur-short: 220ms;
  --dur-long: 420ms;
  --z-base: 1;
  --z-sticky: 200;
  --z-header: 400;
  --z-nav: 450;
  --z-overlay: 500;
  --header-h: 3.5rem;
}