:root {
  color-scheme: dark;

  --color-bg: oklch(15% 0.022 264);
  --color-surface: oklch(20% 0.026 264);
  --color-surface-2: oklch(25% 0.028 264);
  --color-border: oklch(34% 0.022 264);
  --color-text: oklch(94% 0.014 85);
  --color-text-muted: oklch(73% 0.018 85);
  --color-accent: oklch(79% 0.125 82);
  --color-accent-hover: oklch(87% 0.135 86);
  --color-error: oklch(67% 0.17 28);
  --color-warning: oklch(74% 0.16 52);

  --color-bg-blur: oklch(15% 0.022 264 / 0.82);
  --color-surface-glass: oklch(19% 0.026 264 / 0.75);
  --color-accent-soft: oklch(79% 0.125 82 / 0.14);
  --color-accent-glow: oklch(79% 0.125 82 / 0.32);
  --color-accent-clear: oklch(79% 0.125 82 / 0);
  --color-warning-glow: oklch(74% 0.16 52 / 0.4);
  --color-warning-soft: oklch(74% 0.16 52 / 0.14);
  --color-error-soft: oklch(67% 0.17 28 / 0.13);
  --color-shadow: oklch(0% 0 0 / 0.45);
  --color-frame: oklch(0% 0 0);

  --color-accent-muted: oklch(72% 0.09 82);
  --color-accent-line: oklch(79% 0.125 82 / 0.45);
  --color-accent-press: oklch(79% 0.125 82 / 0.9);
  --color-accent-rule: oklch(79% 0.125 82 / 0.3);
  --color-moon: oklch(86% 0.03 250);
  --color-moon-rim: oklch(86% 0.03 250 / 0.05);
  --color-bg-clear: oklch(15% 0.022 264 / 0);
  --color-wall-night: oklch(9% 0.012 264 / 0.9);
  --color-wall-moon: oklch(30% 0.05 264 / 0.35);
  --color-spot-hot: oklch(100% 0 0 / 0.12);
  --color-spot-ink: oklch(17% 0.025 55);
  --color-spot-ink-soft: oklch(27% 0.05 55);
  --color-spot-lift: oklch(92% 0.05 80 / 0.35);
  --color-hero-moonwash: oklch(40% 0.06 264 / 0.6);
  --color-hero-pool: oklch(45% 0.06 86 / 0.42);
  --color-hero-sky-top: oklch(21% 0.032 264);
  --color-hero-sky-base: oklch(18.5% 0.028 264);
  --color-bottle-top: oklch(32% 0.03 264);
  --color-bottle-base: oklch(21% 0.026 264);

  --color-open: oklch(75% 0.16 145);
  --color-open-glow: oklch(75% 0.16 145 / 0.55);
  --color-open-line: oklch(75% 0.16 145 / 0.45);
  --color-error-glow: oklch(67% 0.17 28 / 0.55);

  --color-untappd: oklch(84.2% 0.173 84.6);

  --color-season-halloween: oklch(73% 0.16 55);
  --color-season-halloween-2: oklch(52% 0.14 305);
  --color-season-thanksgiving: oklch(66% 0.13 40);
  --color-season-thanksgiving-2: oklch(77% 0.11 78);
  --color-season-christmas: oklch(62% 0.11 155);
  --color-season-christmas-2: oklch(60% 0.17 22);
  --color-season-newyear: oklch(88% 0.07 92);
  --color-season-newyear-2: oklch(86% 0.03 250);
  --color-plate: oklch(15.6% 0.042 266);
  --color-plate-lift: oklch(18.6% 0.043 264);
  --size-frieze: 2.75rem;

  --color-text-ring: oklch(94% 0.014 85 / 0.4);
  --color-text-soft: oklch(94% 0.014 85 / 0.85);

  --color-backdrop: oklch(8% 0.02 264 / 0.7);
  --color-lightbox-ground: oklch(8% 0.018 264 / 0.97);
  --color-lightbox-backdrop: oklch(0% 0 0 / 0.85);
  --color-hint-ground: oklch(15% 0.022 264 / 0.7);
  --color-toc-ground: oklch(20% 0.026 264 / 0.5);
  --color-dismiss-ground: oklch(10% 0.018 264 / 0.55);
  --color-dismiss-ground-hover: oklch(10% 0.018 264 / 0.8);

  --font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-body: "Spectral", Georgia, "Times New Roman", serif;
  --font-ui: "Jost", "Helvetica Neue", Arial, sans-serif;

  --text-sm: clamp(0.8rem, 0.76rem + 0.18vw, 0.9rem);
  --text-base: clamp(1.03125rem, 1rem + 0.1vw, 1.0625rem);
  --text-lg: clamp(1.12rem, 0.98rem + 0.7vw, 1.5rem);
  --text-xl: clamp(1.4rem, 1.09rem + 1.55vw, 2.25rem);
  --text-2xl: clamp(1.75rem, 1.1rem + 3.1vw, 3.4rem);
  --text-hero: clamp(3rem, 1.7rem + 5.8vw, 6.75rem);

  --text-display-hero: clamp(2.5rem, 2rem + 2.5vw, 4rem);
  --text-dialog-title: clamp(2rem, 1.8333rem + 0.8333vw, 2.5rem);
  --text-dialog-h3: clamp(1.5rem, 1.4583rem + 0.2083vw, 1.625rem);
  --text-deck: clamp(1.03125rem, 0.9583rem + 0.3646vw, 1.25rem);
  --text-hero-deck: clamp(1.125rem, 1.0833rem + 0.2083vw, 1.25rem);
  --text-spot: clamp(1.0625rem, 0.95rem + 0.35vw, 1.25rem);
  --text-spot-short: clamp(1.875rem, 1.3rem + 2.2vw, 2.75rem);
  --text-pullquote: clamp(1.4rem, 1.325rem + 0.375vw, 1.625rem);
  --text-card-title: clamp(1.75rem, 1.5833rem + 0.8333vw, 2.25rem);
  --text-caption: clamp(1.125rem, 1.05rem + 0.35vw, 1.25rem);
  --text-result-name: 1.375rem;
  --text-card-heading: 1.375rem;
  --text-row-label: 1.125rem;

  --text-ui-mark: 0.6875rem;
  --text-ui-eyebrow: 0.71875rem;
  --text-ui-label: 0.75rem;
  --text-ui: 0.8125rem;
  --text-ui-lg: 0.875rem;
  --text-input: 1rem;
  --text-number: 1.375rem;
  --text-countdown: 1.75rem;

  --tracking-display: -0.015em;
  --tracking-small-display: 0.01em;
  --tracking-nav: 0.14em;
  --tracking-button: 0.12em;
  --tracking-eyebrow: 0.22em;
  --tracking-eyebrow-tight: 0.18em;
  --tracking-mark: 0.08em;
  --tracking-label: 0.04em;
  --tracking-link: 0.02em;

  --leading-hero: 1;
  --leading-h2: 1.08;
  --leading-h3: 1.15;
  --leading-deck: 1.5;
  --leading-deck-sm: 1.6;
  --leading-body: 1.65;
  --leading-body-sm: 1.6;

  --space-0-5: 0.125rem;
  --space-1: 0.25rem;
  --space-1-5: 0.375rem;
  --space-2: 0.5rem;
  --space-2-5: 0.625rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-section-sm: clamp(3rem, 2rem + 3vw, 4.5rem);
  --space-section: clamp(5rem, 3rem + 6vw, 8rem);
  --space-section-lg: clamp(7rem, 4rem + 9vw, 12rem);
  --space-dialog-x: clamp(1.5rem, 0.9rem + 2vw, 2.5rem);
  --space-sheet-x: 1.25rem;
  --sheet-measure: 37.5rem;
  --sheet-top-gap: 56px;

  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-button: 4px;
  --shadow-card: 0 6px 24px var(--color-shadow);
  --shadow-elevated: 0 18px 48px oklch(0% 0 0 / 0.55);
  --shadow-glow-gold: 0 8px 24px var(--color-accent-glow);
  --shadow-inset-highlight: inset 0 1px 0 oklch(100% 0 0 / 0.06);

  --duration-instant: 120ms;
  --duration-fast: 150ms;
  --duration-normal: 400ms;
  --duration-slow: 700ms;
  --duration-reveal: 500ms;
  --duration-card-slide: 560ms;
  --stagger-text: 80ms;
  --stagger-card: 60ms;
  --delay-dialog-content: 40ms;
  --reveal-rise: 12px;
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-quint: cubic-bezier(0.22, 1, 0.36, 1);

  --control-h-l: 3rem;
  --control-h-m: 2.75rem;
  --control-h-s: 2.25rem;
  --control-h-segment: 2.5rem;
  --control-h-pill: 2rem;
  --control-h-hint: 1.75rem;
  --btn-pad-l: 1.75rem;
  --btn-pad-m: 1.375rem;
  --btn-pad-s: var(--space-4);
  --target-min: 2.75rem;
  --icon-xs: 0.75rem;
  --icon-sm: 0.875rem;
  --icon: 1rem;
  --icon-lg: 1.25rem;
  --icon-stroke: 1.5px;
  --lift: 4px;

  --container-max: clamp(1200px, 75vw, 1320px);
  --container-pad: clamp(1.25rem, 0.5rem + 3vw, 3rem);
  --measure-head: 38.75rem;
  --measure-quote: 44rem;
  --header-height: 72px;
  --header-height-scrolled: 64px;

  --hero-min-height: 680px;
  --hero-pad-top: clamp(3rem, 2rem + 5vw, 6rem);
  --hero-logo-w: clamp(16.25rem, 12.9167rem + 16.6667vw, 26.25rem);
  --hero-bottles-w: clamp(300px, 40vw, 720px);
}