/* ============================================================
   Planet Solara — Typography
   Display: Michroma (wide geometric caps — the brand voice)
   Sans:    Space Grotesk (UI + body)
   Mono:    JetBrains Mono (telemetry, codes, data)
   ============================================================ */

:root {
  /* Families */
  --font-display: 'Michroma', 'Space Grotesk', system-ui, sans-serif;
  --font-sans:    'Space Grotesk', system-ui, -apple-system, sans-serif;
  --font-mono:    'JetBrains Mono', 'SF Mono', ui-monospace, monospace;

  /* Fluid type scale (1.250 major-third-ish, tuned for HUD density) */
  --text-2xs:  0.6875rem;  /* 11px — micro labels, eyebrows */
  --text-xs:   0.75rem;    /* 12px */
  --text-sm:   0.8125rem;  /* 13px */
  --text-base: 0.9375rem;  /* 15px — body */
  --text-md:   1.0625rem;  /* 17px */
  --text-lg:   1.25rem;    /* 20px */
  --text-xl:   1.5rem;     /* 24px */
  --text-2xl:  2rem;       /* 32px */
  --text-3xl:  2.75rem;    /* 44px */
  --text-4xl:  3.75rem;    /* 60px */
  --text-5xl:  5rem;       /* 80px */
  --text-display: clamp(3.5rem, 7vw, 7rem);

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

  /* Line heights */
  --leading-none:    1;
  --leading-tight:   1.12;
  --leading-snug:    1.3;
  --leading-normal:  1.5;
  --leading-relaxed: 1.65;

  /* Letter spacing — Michroma & eyebrows ride WIDE like the logo */
  --tracking-tightest: -0.03em;
  --tracking-tight:    -0.015em;
  --tracking-normal:   0;
  --tracking-wide:     0.06em;
  --tracking-wider:    0.14em;   /* eyebrows */
  --tracking-widest:   0.32em;   /* logo-style wordmark spacing */

  /* Semantic roles */
  --font-eyebrow: var(--font-display);
  --font-heading: var(--font-sans);
  --font-data:    var(--font-mono);
}