/* ============================================================
   XYZ LABS — Typography
   Sora carries the voice (geometric, engineered).
   JetBrains Mono handles labels, data, eyebrows, the "LABS"
   descriptor — anything that should feel technical & precise.
   Display & headings are tight (-0.02 to -0.04em). Mono labels
   are wide (+0.14 to +0.22em), uppercase.
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-sans: "Sora", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* Role aliases */
  --font-display: var(--font-sans);
  --font-body:    var(--font-sans);
  --font-label:   var(--font-mono);

  /* ---- Type scale (rem, 16px base) ---- */
  --text-3xs: 0.66rem;   /* 10.5px — micro mono caption          */
  --text-2xs: 0.72rem;   /* 11.5px — eyebrow / mono label        */
  --text-xs:  0.8rem;    /* 12.8px — meta, fine print            */
  --text-sm:  0.9rem;    /* 14.4px — secondary body, UI text     */
  --text-base:1rem;      /* 16px   — body                        */
  --text-md:  1.15rem;   /* 18px   — lede                        */
  --text-lg:  1.5rem;    /* 24px   — heading                     */
  --text-xl:  1.9rem;    /* 30px   — subsection title            */
  --text-2xl: 2.4rem;    /* 38px   — section title               */
  --text-3xl: 3.1rem;    /* 50px   — page title                  */
  --text-4xl: clamp(3.6rem, 8vw, 5.4rem); /* hero display        */

  /* Fluid display steps (used in hero / section heads) */
  --display-section: clamp(1.9rem, 4.2vw, 3.1rem); /* @kind font */
  --display-hero:    clamp(3.6rem, 11vw, 7.4rem); /* @kind font */

  /* ---- Weights ---- */
  --fw-light:    300; /* @kind font */
  --fw-regular:  400; /* @kind font */
  --fw-medium:   500; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold:     700; /* @kind font */
  --fw-extra:    800; /* @kind font */

  /* ---- Line heights ---- */
  --lh-tight:   1.02; /* @kind font */
  --lh-snug:    1.15; /* @kind font */
  --lh-normal:  1.6;  /* @kind font */
  --lh-mono:    1.5;  /* @kind font */

  /* ---- Letter-spacing ---- */
  --ls-tighter: -0.04em; /* @kind font */
  --ls-tight:   -0.02em; /* @kind font */
  --ls-normal:  0;       /* @kind font */
  --ls-label:   0.14em;  /* @kind font */
  --ls-eyebrow: 0.22em;  /* @kind font */
  --ls-labs:    0.42em;  /* @kind font */
}