/* Hallmark · genre: modern-minimal · macrostructure: Marquee Hero · theme: Cobalt
 * tone: technical · anchor hue: 256 (electric cobalt)
 * enrichment: none · nav: N9 Edge-aligned · footer: Ft2 Inline single line
 * audience: prospective clients · use: announce under construction + contact
 * pre-emit critique: P5 H5 E5 S4 R5 V4
 */

:root {
  /* Cobalt — modern-minimal · cool engineered paper · electric cobalt */
  --color-paper:      oklch(98.5% 0.004 250);
  --color-paper-2:    oklch(96.5% 0.005 252);
  --color-paper-3:    oklch(94%   0.006 254);
  --color-rule:       oklch(91%   0.008 255);
  --color-rule-2:     oklch(83%   0.011 255);
  --color-muted:      oklch(56%   0.013 255);
  --color-neutral:    oklch(46%   0.015 255);
  --color-ink-2:      oklch(34%   0.018 257);
  --color-ink:        oklch(24%   0.020 258);
  --color-accent:     oklch(58%   0.20  256);
  --color-accent-ink: oklch(99%   0.004 256);
  --color-focus:      oklch(58%   0.20  256);

  --font-display: "Space Grotesk", "Inter Tight", ui-sans-serif, system-ui, sans-serif;
  --font-body:    "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-label:   "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --font-mono:    "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --display-weight: 500;
  --display-style:  normal;

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-md:   1.125rem;
  --text-lg:   1.375rem;
  --text-xl:   1.75rem;
  --text-2xl:  2.25rem;
  --text-display:   clamp(3.25rem, 12vw + 0.5rem, 8.5rem);
  --text-display-s: clamp(1.85rem, 3vw + 0.5rem, 2.75rem);

  --lh-tight:   0.95;
  --lh-snug:    1.18;
  --lh-normal:  1.5;
  --lh-relaxed: 1.65;

  --tracking-display: -0.035em;
  --tracking-tight:   -0.015em;
  --tracking-normal:  0;
  --tracking-label:   0.08em;

  --space-3xs: 0.125rem;
  --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: 6.5rem;
  --space-4xl: 10rem;

  --page-max:    76rem;
  --page-gutter: clamp(1.25rem, 4vw, 3rem);
  --measure:     42ch;

  --radius-card: 10px;
  --radius-pill: 6px;
  --radius-input: 6px;
  --rule-hair:   1px;
  --rule-fine:   1px;

  --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;

  --z-base:       1;
  --z-sticky-nav: 300;
}