/* Hallmark construction: mist; axes: light / geometric-sans / neutral.
 * Original kit palette. Accent coverage under 5%; target 3%.
 */
:root {
  color-scheme: light;
  --font-display: "Geist Variable", sans-serif;
  --font-body: "IBM Plex Sans Variable", sans-serif;
  --font-mono: "Geist Mono Variable", monospace;
  --text-xs: 0.64rem;
  --text-sm: 0.8rem;
  --text-base: 1rem;
  --text-md: 1.25rem;
  --text-lg: 1.5625rem;
  --text-xl: 1.9531rem;
  --text-2xl: 2.4414rem;
  --text-3xl: 3.0518rem;
  --text-4xl: 3.8147rem;
  --text-display: clamp(2.75rem, 5vw + 1rem, 5.25rem);
  --text-display-s: clamp(2.25rem, 3.5vw + 0.75rem, 3.8147rem);
  --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;
  --space-4xl: 9rem;
  --radius-card: 0.5rem;
  --radius-input: 0.5rem;
  --radius-pill: 99rem;
  --rule-hair: 1px;
  --rule-fine: 2px;
  --rule-focus: 3px;
  --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;
  --dur-exit: 165ms;
  --dur-reduced: 150ms;
  --weight-display: 700;
  --weight-body: 400;
  --leading-body: 1.6;
  --leading-display: 1.08;
  --size-hit: 2.75rem;
  --size-content: 80rem;
  --size-icon: 1.25rem;
  --z-base: 1;
  --z-raised: 10;
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-modal: 400;
  --z-toast: 500;
  --z-tooltip: 600;
  --color-paper: oklch(97.5% 0.01 240);
  --color-paper-2: oklch(94.5% 0.012 240);
  --color-paper-3: oklch(91.5% 0.014 240);
  --color-ink: oklch(19% 0.01 240);
  --color-ink-2: oklch(28% 0.01 240);
  --color-muted: oklch(43% 0.01 240);
  --color-rule: oklch(53% 0.012 240);
  --color-rule-2: oklch(82.5% 0.012 240);
  --color-accent: oklch(30% 0.008 240);
  --color-accent-ink: oklch(98% 0.008 240);
  --color-focus: oklch(40% 0.008 240);
  --color-neutral: oklch(35% 0.01 240);
  --color-success: oklch(40% 0.12 150);
  --color-warning: oklch(40% 0.12 70);
  --color-danger: oklch(40% 0.12 25);
  --color-danger-ink: oklch(98% 0.008 25);
  --spacing-2xs: var(--space-2xs);
  --spacing-xs: var(--space-xs);
  --spacing-sm: var(--space-sm);
  --spacing-md: var(--space-md);
  --spacing-lg: var(--space-lg);
  --spacing-xl: var(--space-xl);
  --spacing-2xl: var(--space-2xl);
  --spacing-3xl: var(--space-3xl);
  --spacing-4xl: var(--space-4xl);
  --background: var(--color-paper);
  --foreground: var(--color-ink);
  --card: var(--color-paper-2);
  --card-foreground: var(--color-ink);
  --popover: var(--color-paper-2);
  --popover-foreground: var(--color-ink);
  --primary: var(--color-accent);
  --primary-foreground: var(--color-accent-ink);
  --secondary: var(--color-paper-3);
  --secondary-foreground: var(--color-ink-2);
  --muted: var(--color-paper-2);
  --muted-foreground: var(--color-muted);
  --accent: var(--color-accent);
  --accent-foreground: var(--color-accent-ink);
  --destructive: var(--color-danger);
  --destructive-foreground: var(--color-danger-ink);
  --border: var(--color-rule);
  --input: var(--color-rule);
  --ring: var(--color-focus);
  --chart-1: var(--color-accent);
  --chart-2: var(--color-ink);
  --chart-3: var(--color-ink-2);
  --chart-4: var(--color-muted);
  --chart-5: var(--color-rule);
  --sidebar: var(--color-paper-2);
  --sidebar-foreground: var(--color-ink);
  --sidebar-primary: var(--color-accent);
  --sidebar-primary-foreground: var(--color-accent-ink);
  --sidebar-accent: var(--color-paper-3);
  --sidebar-accent-foreground: var(--color-ink);
  --sidebar-border: var(--color-rule);
  --sidebar-ring: var(--color-focus);
  --radius: var(--radius-card);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
  --font-display: "Geist Variable", sans-serif;
  --font-body: "IBM Plex Sans Variable", sans-serif;
  --font-mono: "Geist Mono Variable", monospace;
  --text-xs: 0.64rem;
  --text-sm: 0.8rem;
  --text-base: 1rem;
  --text-md: 1.25rem;
  --text-lg: 1.5625rem;
  --text-xl: 1.9531rem;
  --text-2xl: 2.4414rem;
  --text-3xl: 3.0518rem;
  --text-4xl: 3.8147rem;
  --text-display: clamp(2.75rem, 5vw + 1rem, 5.25rem);
  --text-display-s: clamp(2.25rem, 3.5vw + 0.75rem, 3.8147rem);
  --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;
  --space-4xl: 9rem;
  --radius-card: 0.5rem;
  --radius-input: 0.5rem;
  --radius-pill: 99rem;
  --rule-hair: 1px;
  --rule-fine: 2px;
  --rule-focus: 3px;
  --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;
  --dur-exit: 165ms;
  --dur-reduced: 150ms;
  --weight-display: 700;
  --weight-body: 400;
  --leading-body: 1.6;
  --leading-display: 1.08;
  --size-hit: 2.75rem;
  --size-content: 80rem;
  --size-icon: 1.25rem;
  --z-base: 1;
  --z-raised: 10;
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-modal: 400;
  --z-toast: 500;
  --z-tooltip: 600;
  --color-paper: oklch(15.5% 0.01 240);
  --color-paper-2: oklch(19% 0.012 240);
  --color-paper-3: oklch(22.5% 0.014 240);
  --color-ink: oklch(95% 0.01 240);
  --color-ink-2: oklch(87% 0.01 240);
  --color-muted: oklch(73% 0.01 240);
  --color-rule: oklch(62% 0.012 240);
  --color-rule-2: oklch(32% 0.012 240);
  --color-accent: oklch(82% 0.008 240);
  --color-accent-ink: oklch(16% 0.008 240);
  --color-focus: oklch(81% 0.008 240);
  --color-neutral: oklch(80% 0.01 240);
  --color-success: oklch(79% 0.1 150);
  --color-warning: oklch(79% 0.1 70);
  --color-danger: oklch(79% 0.1 25);
  --color-danger-ink: oklch(16% 0.008 25);
  --spacing-2xs: var(--space-2xs);
  --spacing-xs: var(--space-xs);
  --spacing-sm: var(--space-sm);
  --spacing-md: var(--space-md);
  --spacing-lg: var(--space-lg);
  --spacing-xl: var(--space-xl);
  --spacing-2xl: var(--space-2xl);
  --spacing-3xl: var(--space-3xl);
  --spacing-4xl: var(--space-4xl);
  --background: var(--color-paper);
  --foreground: var(--color-ink);
  --card: var(--color-paper-2);
  --card-foreground: var(--color-ink);
  --popover: var(--color-paper-2);
  --popover-foreground: var(--color-ink);
  --primary: var(--color-accent);
  --primary-foreground: var(--color-accent-ink);
  --secondary: var(--color-paper-3);
  --secondary-foreground: var(--color-ink-2);
  --muted: var(--color-paper-2);
  --muted-foreground: var(--color-muted);
  --accent: var(--color-accent);
  --accent-foreground: var(--color-accent-ink);
  --destructive: var(--color-danger);
  --destructive-foreground: var(--color-danger-ink);
  --border: var(--color-rule);
  --input: var(--color-rule);
  --ring: var(--color-focus);
  --chart-1: var(--color-accent);
  --chart-2: var(--color-ink);
  --chart-3: var(--color-ink-2);
  --chart-4: var(--color-muted);
  --chart-5: var(--color-rule);
  --sidebar: var(--color-paper-2);
  --sidebar-foreground: var(--color-ink);
  --sidebar-primary: var(--color-accent);
  --sidebar-primary-foreground: var(--color-accent-ink);
  --sidebar-accent: var(--color-paper-3);
  --sidebar-accent-foreground: var(--color-ink);
  --sidebar-border: var(--color-rule);
  --sidebar-ring: var(--color-focus);
  --radius: var(--radius-card);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --font-display: "Geist Variable", sans-serif;
  --font-body: "IBM Plex Sans Variable", sans-serif;
  --font-mono: "Geist Mono Variable", monospace;
  --text-xs: 0.64rem;
  --text-sm: 0.8rem;
  --text-base: 1rem;
  --text-md: 1.25rem;
  --text-lg: 1.5625rem;
  --text-xl: 1.9531rem;
  --text-2xl: 2.4414rem;
  --text-3xl: 3.0518rem;
  --text-4xl: 3.8147rem;
  --text-display: clamp(2.75rem, 5vw + 1rem, 5.25rem);
  --text-display-s: clamp(2.25rem, 3.5vw + 0.75rem, 3.8147rem);
  --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;
  --space-4xl: 9rem;
  --radius-card: 0.5rem;
  --radius-input: 0.5rem;
  --radius-pill: 99rem;
  --rule-hair: 1px;
  --rule-fine: 2px;
  --rule-focus: 3px;
  --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;
  --dur-exit: 165ms;
  --dur-reduced: 150ms;
  --weight-display: 700;
  --weight-body: 400;
  --leading-body: 1.6;
  --leading-display: 1.08;
  --size-hit: 2.75rem;
  --size-content: 80rem;
  --size-icon: 1.25rem;
  --z-base: 1;
  --z-raised: 10;
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-modal: 400;
  --z-toast: 500;
  --z-tooltip: 600;
  --color-paper: oklch(15.5% 0.01 240);
  --color-paper-2: oklch(19% 0.012 240);
  --color-paper-3: oklch(22.5% 0.014 240);
  --color-ink: oklch(95% 0.01 240);
  --color-ink-2: oklch(87% 0.01 240);
  --color-muted: oklch(73% 0.01 240);
  --color-rule: oklch(62% 0.012 240);
  --color-rule-2: oklch(32% 0.012 240);
  --color-accent: oklch(82% 0.008 240);
  --color-accent-ink: oklch(16% 0.008 240);
  --color-focus: oklch(81% 0.008 240);
  --color-neutral: oklch(80% 0.01 240);
  --color-success: oklch(79% 0.1 150);
  --color-warning: oklch(79% 0.1 70);
  --color-danger: oklch(79% 0.1 25);
  --color-danger-ink: oklch(16% 0.008 25);
  --spacing-2xs: var(--space-2xs);
  --spacing-xs: var(--space-xs);
  --spacing-sm: var(--space-sm);
  --spacing-md: var(--space-md);
  --spacing-lg: var(--space-lg);
  --spacing-xl: var(--space-xl);
  --spacing-2xl: var(--space-2xl);
  --spacing-3xl: var(--space-3xl);
  --spacing-4xl: var(--space-4xl);
  --background: var(--color-paper);
  --foreground: var(--color-ink);
  --card: var(--color-paper-2);
  --card-foreground: var(--color-ink);
  --popover: var(--color-paper-2);
  --popover-foreground: var(--color-ink);
  --primary: var(--color-accent);
  --primary-foreground: var(--color-accent-ink);
  --secondary: var(--color-paper-3);
  --secondary-foreground: var(--color-ink-2);
  --muted: var(--color-paper-2);
  --muted-foreground: var(--color-muted);
  --accent: var(--color-accent);
  --accent-foreground: var(--color-accent-ink);
  --destructive: var(--color-danger);
  --destructive-foreground: var(--color-danger-ink);
  --border: var(--color-rule);
  --input: var(--color-rule);
  --ring: var(--color-focus);
  --chart-1: var(--color-accent);
  --chart-2: var(--color-ink);
  --chart-3: var(--color-ink-2);
  --chart-4: var(--color-muted);
  --chart-5: var(--color-rule);
  --sidebar: var(--color-paper-2);
  --sidebar-foreground: var(--color-ink);
  --sidebar-primary: var(--color-accent);
  --sidebar-primary-foreground: var(--color-accent-ink);
  --sidebar-accent: var(--color-paper-3);
  --sidebar-accent-foreground: var(--color-ink);
  --sidebar-border: var(--color-rule);
  --sidebar-ring: var(--color-focus);
  --radius: var(--radius-card);
}