/* Hallmark · macrostructure: Workbench · theme: Bloom · genre: atmospheric
 * nav: N5 adapted to requested navigation · footer: Ft1 · enrichment: CSS/SVG product studies
 * audience: creators, designers and technical teams · tone: precise, confident, creative
 */
:root {
  color-scheme: dark;
  --font-display: 'Space Grotesk', sans-serif;
  --font-body: 'Geist', sans-serif;
  --color-paper: oklch(14% .004 55);
  --color-paper-2: oklch(18% .004 55);
  --color-paper-3: oklch(22% .005 55);
  --color-paper-4: oklch(27% .006 55);
  --color-rule: oklch(29% .007 55);
  --color-rule-light: oklch(40% .01 55);
  --color-ink: oklch(96% .006 70);
  --color-muted: oklch(70% .009 65);
  --color-subtle: oklch(64% .01 65);
  --color-accent: oklch(74% .19 44);
  --color-accent-light: oklch(84% .12 55);
  --color-accent-dark: oklch(51% .18 35);
  --color-ember: oklch(32% .09 35);
  --color-focus: oklch(84% .12 55);
  --color-success: oklch(80% .12 155);
  --color-error: oklch(78% .14 25);
  --color-silver: oklch(82% .012 65);
  --color-steel: oklch(46% .012 65);
  --color-black: oklch(8% .004 55);
  --space-xs: 4px; --space-sm: 8px; --space-md: 16px; --space-lg: 24px;
  --space-xl: 32px; --space-2xl: 48px; --space-3xl: 72px; --space-4xl: 112px;
  --radius-sm: 8px; --radius-md: 14px; --radius-lg: 24px;
  --dur-short: 180ms; --dur-medium: 280ms; --dur-long: 480ms;
  --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);
  --shadow: 0 24px 64px color-mix(in oklch, var(--color-black) 70%, transparent);
}
:root {
  --text-section: clamp(1.75rem, 2.7vw, 2.4rem);
  --text-subsection: 1.375rem;
  --text-kicker: 0.6875rem;
  --text-detail: 0.9375rem;
  --control-height: 44px;
}