/* ============================================================
   LINQURA · TYPOGRAPHY TOKENS — Concept B
   Four-font system. Oswald (display) · JetBrains Mono (technical
   voice) · Poppins (body/UI) · Arial (light-section UI) · Courier
   New (inline code). Source: Design System v2 §3 + §10.2
   ============================================================ */

:root {
  /* ---- Font families ---- */
  --font-display: 'Oswald', 'Arial Narrow', sans-serif;          /* H1, H2, product names, stat numbers. */
  --font-mono: 'JetBrains Mono', 'Courier New', monospace;       /* Eyebrows, numbers, chips, ticker, pills. */
  --font-body: 'Poppins', system-ui, -apple-system, sans-serif;  /* All body copy, UI, CTA text. */
  --font-light-ui: Arial, Helvetica, sans-serif;                 /* H3 + nav links in white sections only. */
  --font-code: 'Courier New', monospace;                         /* Inline code only. */

  /* ---- Type scale ---- */
  /* v9 §3.2 — the approved hierarchy is fluid. Pages consume these
     tokens; never re-declare clamp() inline. */
  --fs-hero-home: clamp(46px, 6vw, 82px);      /* Homepage hero H1. Oswald 600. */
  --fs-hero-product: clamp(64px, 9vw, 120px);  /* Product-page hero H1. Oswald 600. */
  --fs-hero-sub: clamp(23px, 2.3vw, 30px);     /* Hero lines 2–3 (subhead / precision tier). Oswald 400–500. */
  --fs-h1: var(--fs-hero-home);                /* Legacy alias — was fixed 78px. */
  --fs-h2: clamp(34px, 3.4vw, 44px);           /* Section openers. Oswald 600. Was fixed 42px. */
  --fs-h3-max: 30px;      /* Card / panel / product titles. Oswald 500 (21–30px). */
  --fs-h3-min: 21px;
  --fs-metric: 58px;      /* Stat numbers. Oswald 600. */
  --fs-product-name: 30px;
  --fs-node-title: 21px;  /* Pipeline node title. Oswald 500. */
  --fs-body: 16px;        /* Body copy (15–16px). Poppins 300–400. */
  --fs-body-sm: 14px;     /* Body small (13–14px). Poppins 400. */
  --fs-caption: 13px;     /* Captions, stat labels. */
  --fs-eyebrow: 11.5px;   /* Eyebrow labels. JetBrains Mono, UPPERCASE. */
  --fs-mono-sm: 12px;     /* Chips, pills, node numbers, ticker. */
  --fs-mono-xs: 11px;     /* Metric sublabels, footer label. */
  --fs-cta: 15px;         /* CTA button text. Poppins 500. */
  --fs-nav: 14px;         /* Nav link. */

  /* ---- 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 */

  /* ---- Line heights ---- */
  --lh-h1: 1.04;          /* @kind other */
  --lh-h2: 1.08;          /* @kind other */
  --lh-tight: 1.15;       /* @kind other */
  --lh-body: 1.6;         /* @kind other */
  --lh-body-relaxed: 1.7; /* @kind other */

  /* ---- Letter spacing ---- */
  --ls-h1: -0.5px;   /* @kind spacing */
  --ls-eyebrow: 3px; /* @kind spacing */ /* Eyebrow UPPERCASE tracking. */
  --ls-pcat: 2px;    /* @kind spacing */ /* Product category UPPERCASE tracking. */
  --ls-logo: 1px;    /* @kind spacing */

  /* ============================================================
     SEMANTIC ALIASES
     ============================================================ */
  --text-display: var(--font-display);
  --text-technical: var(--font-mono);
  --text-ui: var(--font-body);
}