/* Hallmark · macrostructure: Marquee Hero · theme: custom Midnight Lodge
 * genre: atmospheric · nav: N1b Fixed product navigation · footer: Ft1 Mast-headed
 * paper: oklch(18.22% 0 0) · accent: oklch(76.2% 0.134 90.7)
 * display: Cormorant Garamond · body: Noto Sans SC
 * theme axes: dark / classical-serif / warm gold
 * pre-emit critique: Philosophy 4 · Hierarchy 5 · Execution 4 · Specificity 5 · Restraint 5 · Variety 4
 */
:root {
  --color-paper: oklch(18.22% 0 0);
  --color-paper-2: oklch(21.2% 0.006 255);
  --color-paper-3: oklch(25.2% 0.007 255);
  --color-ink: oklch(95.6% 0.013 84);
  --color-muted: oklch(73% 0.01 80);
  --color-dim: oklch(65% 0.012 80);
  --color-accent: oklch(76.2% 0.134 90.7);
  --color-wine: oklch(36.6% 0.11 16);
  --color-rule: oklch(35% 0.006 80);
  --color-rule-soft: oklch(28% 0.006 80);
  --color-white: oklch(100% 0 0);
  --color-transparent: oklch(0% 0 0 / 0);
  --color-black: oklch(0% 0 0);
  --color-overlay: oklch(10% 0 0 / .87);
  --color-hero-left: oklch(8% 0.006 80 / .86);
  --color-hero-mid: oklch(8% 0.006 80 / .34);
  --color-hero-edge: oklch(8% 0.006 80 / .08);
  --color-header: oklch(14% 0.002 80 / .88);
  --color-veil: oklch(10% 0 0 / .68);
  --color-sheen: oklch(100% 0 0 / .6);
  --color-focus: oklch(83% 0.13 90);
  --color-success: oklch(76% 0.1 150);
  --color-error: oklch(78% 0.12 25);
  --font-body: 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --font-display: 'Cormorant Garamond', 'Noto Sans SC', serif;
  --font-face-body: 'Noto Sans SC';
  --font-face-display: 'Cormorant Garamond';
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --space-4xl: 96px;
  --text-xs: .75rem;
  --text-sm: .875rem;
  --text-base: 1rem;
  --text-md: 1.25rem;
  --text-lg: 1.5rem;
  --text-xl: 2rem;
  --text-display: clamp(2rem, 3vw, 2.75rem);
  --radius-sm: 3px;
  --radius-md: 5px;
  --dur-micro: 120ms;
  --dur-short: 220ms;
  --dur-long: 420ms;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-in: cubic-bezier(.7, 0, .84, 0);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --z-base: 1;
  --z-raised: 10;
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-modal: 400;
}