/* ============================================================
   ARKHENZ — TYPOGRAPHY TOKENS
   Display: Space Grotesk  · engineered, geometric, futuristic
   Sans:    Geist          · clean, neutral, minimal UI/body
   Mono:    JetBrains Mono · the engineer's voice — labels, code
   Fonts load from Google Fonts (see note in readme).
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Geist:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');

:root {
  /* ---- families ----------------------------------------- */
  --font-display: 'Space Grotesk', 'Geist', ui-sans-serif, system-ui, sans-serif;
  --font-sans:    'Geist', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* ---- type scale (1.250 major-third, 16px base) -------- */
  --text-2xs:  0.6875rem;  /* 11px — micro labels, legal */
  --text-xs:   0.75rem;    /* 12px — captions, mono eyebrows */
  --text-sm:   0.875rem;   /* 14px — secondary UI */
  --text-base: 1rem;       /* 16px — body */
  --text-md:   1.125rem;   /* 18px — lead body */
  --text-lg:   1.375rem;   /* 22px */
  --text-xl:   1.75rem;    /* 28px */
  --text-2xl:  2.25rem;    /* 36px */
  --text-3xl:  3rem;       /* 48px */
  --text-4xl:  4rem;       /* 64px */
  --text-5xl:  5.5rem;     /* 88px — hero display */

  /* ---- weights ------------------------------------------ */
  --weight-light:    300;
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;

  /* ---- line-height -------------------------------------- */
  --leading-none:   1;
  --leading-tight:  1.12;
  --leading-snug:   1.28;
  --leading-normal: 1.55;
  --leading-relaxed:1.7;

  /* ---- tracking ----------------------------------------- */
  --tracking-tighter: -0.04em;  /* big display */
  --tracking-tight:   -0.02em;  /* headings */
  --tracking-normal:  0;
  --tracking-wide:    0.04em;
  --tracking-eyebrow: 0.18em;   /* mono eyebrows, ALL-CAPS labels */
}
