/* Hallmark · macrostructure: Bento Grid · nav: N9 · footer: Ft1 · hero: H2 · theme: deep-ink-emerald · knobs: tiles=irregular, spans=asymmetric, accent=sparse · pre-emit: P5 H5 E5 S5 R5 V5 · contrast: pass (40-41) · slop: pass (42-45) · mobile: pass (34,49,50-57) */

:root {
  --kw8-paper: oklch(16% 0.015 240);
  --kw8-paper-card: oklch(20% 0.018 240);
  --kw8-paper-card-hover: oklch(24% 0.022 240);
  --kw8-paper-subtle: oklch(18% 0.016 240);
  --kw8-rule: oklch(28% 0.018 240);
  --kw8-rule-subtle: oklch(22% 0.015 240);
  --kw8-neutral: oklch(65% 0.015 240);
  --kw8-muted: oklch(50% 0.012 240);
  --kw8-ink: oklch(94% 0.012 240);
  --kw8-ink-bright: oklch(98% 0.008 240);
  --kw8-accent: oklch(78% 0.175 158);
  --kw8-accent-hover: oklch(82% 0.185 158);
  --kw8-accent-ink: oklch(14% 0.025 158);
  --kw8-gold: oklch(80% 0.14 85);
  --kw8-gold-ink: oklch(18% 0.03 85);
  --kw8-focus: oklch(78% 0.175 158);

  --kw8-font-display: 'Bricolage Grotesque', system-ui, -apple-system, sans-serif;
  --kw8-font-body: 'IBM Plex Sans', system-ui, -apple-system, sans-serif;

  --kw8-space-3xs: 0.125rem;
  --kw8-space-2xs: 0.25rem;
  --kw8-space-xs: 0.5rem;
  --kw8-space-sm: 0.75rem;
  --kw8-space-md: 1rem;
  --kw8-space-lg: 1.5rem;
  --kw8-space-xl: 2.5rem;
  --kw8-space-2xl: 4rem;
  --kw8-space-3xl: 6rem;

  --kw8-dur-short: 180ms;
  --kw8-dur-base: 220ms;
  --kw8-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --kw8-ease-in: cubic-bezier(0.7, 0, 0.84, 0);

  --kw8-z-base: 1;
  --kw8-z-raised: 10;
  --kw8-z-dropdown: 100;
  --kw8-z-sticky: 200;
  --kw8-z-sticky-nav: 300;
  --kw8-z-tabbar: 350;
  --kw8-z-drawer: 400;
}