/* RADAR EXPERT — Typography tokens
   Display: Gilda Display (high-contrast editorial serif) — wide tracking, used for the
   wordmark, hero/section titles, and pull quotes.
   Text/UI: DM Sans — body copy, labels, buttons, metadata. EXPERT-style labels use
   wide uppercase tracking. */

:root {
  /* ---- Families ----------------------------------------------------- */
  --font-display: 'Gilda Display', 'Times New Roman', Georgia, serif;
  --font-sans:    'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* ---- Type scale (1.250 major-third, 16px base) -------------------- */
  --text-2xs:  11px;
  --text-xs:   12px;
  --text-sm:   14px;
  --text-base: 16px;
  --text-md:   18px;
  --text-lg:   20px;
  --text-xl:   25px;
  --text-2xl:  31px;
  --text-3xl:  39px;
  --text-4xl:  49px;
  --text-5xl:  61px;
  --text-6xl:  76px;

  /* ---- Weights (DM Sans) -------------------------------------------- */
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;

  /* ---- Line heights ------------------------------------------------- */
  --leading-tight:   1.08;   /* display headings */
  --leading-snug:    1.25;   /* subheads */
  --leading-normal:  1.4;    /* UI text */
  --leading-relaxed: 1.65;   /* long-form body */

  /* ---- Letter spacing ----------------------------------------------- */
  --tracking-tight:   -0.01em;
  --tracking-normal:  0;
  --tracking-wide:    0.04em;
  --tracking-wider:   0.12em;   /* eyebrows / small caps labels */
  --tracking-widest:  0.30em;   /* EXPERT-style lockup labels */

  /* ---- Semantic roles ----------------------------------------------- */
  --type-display:   var(--weight-regular) var(--text-6xl)/var(--leading-tight) var(--font-display);
  --type-h1:        var(--weight-regular) var(--text-4xl)/var(--leading-tight) var(--font-display);
  --type-h2:        var(--weight-regular) var(--text-3xl)/var(--leading-snug) var(--font-display);
  --type-h3:        var(--weight-semibold) var(--text-xl)/var(--leading-snug) var(--font-sans);
  --type-body:      var(--weight-regular) var(--text-base)/var(--leading-relaxed) var(--font-sans);
  --type-body-lg:   var(--weight-regular) var(--text-md)/var(--leading-relaxed) var(--font-sans);
  --type-label:     var(--weight-medium) var(--text-sm)/var(--leading-normal) var(--font-sans);
  --type-caption:   var(--weight-regular) var(--text-xs)/var(--leading-normal) var(--font-sans);
}