/* getgpu.ai — design tokens
 * Hallmark · theme: Midnight (atmospheric cluster) · deep cool charcoal · cyan accent
 * Geist sans display + body, Geist Mono for labels and data — "monospace accents".
 */

:root {
  /* ── Colour ──────────────────────────────────────────────── */
  --color-paper:      oklch(15% 0.022 250);   /* page canvas */
  --color-paper-2:    oklch(20% 0.024 250);   /* raised surface */
  --color-paper-3:    oklch(25% 0.026 250);   /* highest surface */
  --color-rule:       oklch(33% 0.024 245);   /* hairline */
  --color-rule-2:     oklch(48% 0.020 240);   /* stronger rule */
  --color-muted:      oklch(60% 0.018 240);   /* quiet text */
  --color-neutral:    oklch(72% 0.014 235);   /* secondary text */
  --color-ink-2:      oklch(86% 0.010 230);   /* body text */
  --color-ink:        oklch(95% 0.008 230);   /* headings */
  --color-accent:     oklch(72% 0.16 220);    /* cyan — single accent */
  --color-accent-dim: oklch(60% 0.13 222);
  --color-on-accent:  oklch(17% 0.03 250);    /* ink on accent fill */
  --color-focus:      oklch(80% 0.16 220);

  /* ── Type ────────────────────────────────────────────────── */
  --font-display: "Geist", ui-sans-serif, system-ui, sans-serif;
  --font-body:    "Geist", ui-sans-serif, system-ui, sans-serif;
  --font-mono:    "Geist Mono", ui-monospace, "JetBrains Mono", monospace;
  --font-label:   var(--font-mono);

  --text-xs:   0.75rem;
  --text-sm:   0.8125rem;
  --text-base: 1rem;
  --text-md:   1.125rem;
  --text-lg:   1.375rem;
  --text-xl:   1.75rem;
  --text-2xl:  2.25rem;
  --text-3xl:  2.75rem;
  --text-display:   clamp(2.75rem, 5vw + 1rem, 5.25rem);
  --text-display-s: clamp(1.75rem, 2.5vw + 1rem, 2.75rem);

  --lh-tight:   1.05;
  --lh-snug:    1.2;
  --lh-normal:  1.5;
  --lh-relaxed: 1.62;

  --tracking-display: -0.03em;
  --tracking-tight:   -0.012em;
  --tracking-label:   0.16em;

  /* ── Space — 4pt scale ───────────────────────────────────── */
  --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: 6rem;
  --space-4xl: 9rem;

  --section-gap: 6rem;
  --page-max:    78rem;
  --page-gutter: clamp(1.25rem, 4vw, 3rem);
  --measure:     58ch;

  /* ── Shape ───────────────────────────────────────────────── */
  --rule-hair: 1px;
  --radius:    0;            /* technical theme — square */

  /* ── Motion ──────────────────────────────────────────────── */
  --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:  440ms;

  /* ── Z-index ─────────────────────────────────────────────── */
  --z-base:       1;
  --z-sticky-nav: 300;
  --z-overlay:    1000;
}