/* ===========================================================================
   Askraa — Typography tokens
   Geist for everything (display + UI + body), Geist Mono for the terminal /
   code / eyebrow labels that define the brand's developer aesthetic.
   =========================================================================== */
:root {
  /* ---- Families --------------------------------------------------------- */
  --font-sans: 'Geist', system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
  --font-mono: 'Geist Mono', ui-monospace, 'SF Mono', 'JetBrains Mono', Menlo, Consolas, monospace;
  --font-display: var(--font-sans);

  /* ---- Weights ---------------------------------------------------------- */
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;
  --weight-extrabold:800;
  --weight-black:    900;

  /* ---- Size scale (16px base) ------------------------------------------ */
  --text-xs:   0.75rem;   /* 12 */
  --text-sm:   0.8125rem; /* 13 — mono labels / captions */
  --text-base: 0.9375rem; /* 15 — UI default */
  --text-md:   1.0625rem; /* 17 — body / lead-in */
  --text-lg:   1.25rem;   /* 20 */
  --text-xl:   1.5rem;    /* 24 */
  --text-2xl:  1.875rem;  /* 30 */
  --text-3xl:  2.375rem;  /* 38 */
  --text-4xl:  3rem;      /* 48 */
  --text-5xl:  3.75rem;   /* 60 */
  --text-6xl:  4.75rem;   /* 76 */
  --text-7xl:  6rem;      /* 96 — hero */

  /* ---- Line height ------------------------------------------------------ */
  --leading-none:    1;
  --leading-tight:   1.05;  /* display */
  --leading-snug:    1.18;  /* headings */
  --leading-normal:  1.5;   /* body */
  --leading-relaxed: 1.65;  /* long-form */

  /* ---- Letter spacing --------------------------------------------------- */
  --tracking-tighter: -0.04em; /* big display */
  --tracking-tight:   -0.02em; /* headings */
  --tracking-normal:  0;
  --tracking-wide:    0.04em;
  --tracking-label:   0.14em;  /* uppercase mono eyebrows */

  /* ---- Semantic roles --------------------------------------------------- */
  --display-font:   var(--font-display);
  --display-weight: var(--weight-bold);
  --heading-weight: var(--weight-semibold);
  --body-font:      var(--font-sans);
  --body-weight:    var(--weight-regular);
  --label-font:     var(--font-mono);
}