/* Hallmark · genre: atmospheric · macrostructure: Catalogue · design-system: site_web/design.md · designed-as-app */
/* Hallmark · pre-emit critique: P5 H4 E4 S5 R5 V4 */
:root {
  --color-paper: oklch(17% 0.014 285);
  --color-surface: oklch(22% 0.016 285);
  --color-subtle: oklch(27% 0.018 285);
  --color-ink: oklch(97% 0.003 285);
  --color-muted: oklch(77% 0.012 285);
  --color-rule: oklch(34% 0.016 285);
  --color-hero-back: oklch(20% 0.02 285);
  --color-hero-shade: oklch(12% 0.01 285 / 0.96);
  --color-hero-clear: oklch(12% 0.01 285 / 0);
  --color-overlay: oklch(10% 0.012 285 / 0.86);
  --color-poster-label: oklch(12% 0.012 285 / 0.9);
  --color-video-bg: oklch(10% 0.006 285);
  --color-error: oklch(82% 0.12 25);
  --color-error-bg: oklch(25% 0.045 25);
  --color-warning: oklch(86% 0.09 80);
  --color-success: var(--color-accent);
  --font-display: "Prompt", "Thonburi", "Leelawadee UI", "Tahoma", sans-serif;
  --font-body: "Prompt", "Thonburi", "Leelawadee UI", "Tahoma", sans-serif;
  --font-label: ui-monospace, "SFMono-Regular", "Menlo", monospace;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-2xl: 32px;
  --space-3xl: 48px;
  --space-4xl: 64px;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-md: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.375rem;
  --text-2xl: 1.75rem;
  --text-display: clamp(1.55rem, 2.8vw, 2.65rem);
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 18px;
  --radius-pill: 999px;
  --rule-width: 1px;
  --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-medium: 220ms;
}