/* ADXi — Typography tokens
   Three families do all the work: Copperplate Gothic (uppercase display),
   Aileron (humanist body), Fira Code (mono eyebrows/labels/data). Bebas Neue
   is reserved exclusively for the C3R partner wordmark. Letter-spacing is the
   single most defining brand signal — display type is always tracked out. */
:root {
  /* ── Families ─────────────────────────────────────── */
  --f-display: 'Copperplate Gothic Std','Copperplate Gothic Light','Copperplate','Josefin Sans',serif; /* @kind font */
  --f-body:    'Aileron','DM Sans','Helvetica Neue',sans-serif; /* @kind font */
  --f-code:    'Fira Code', ui-monospace, 'SF Mono', Menlo, monospace; /* @kind font */
  --f-bebas:   'Bebas Neue','Oswald',sans-serif; /* @kind font */

  /* ── Display scale (fluid clamp pairs from production) ──
     @kind other  (font-size steps) */
  --t-display-xxl: clamp(48px, 9vw, 130px);   /* @kind other */
  --t-display-xl:  clamp(36px, 6vw, 84px);    /* @kind other */
  --t-display-lg:  clamp(28px, 5.5vw, 76px);  /* @kind other */
  --t-display-md:  clamp(28px, 4vw, 56px);    /* @kind other */
  --t-display-sm:  clamp(26px, 3.2vw, 44px);  /* @kind other */
  --t-display-xs:  clamp(18px, 2.2vw, 28px);  /* @kind other */
  --t-display-2xs: clamp(14px, 1.7vw, 20px);  /* @kind other */

  /* ── Text scale ───────────────────────────────────── */
  --t-body-lg: 17px;   /* prose */
  --t-body:    16px;   /* default */
  --t-body-sm: 15px;   /* dim body, italic sub */
  --t-meta:    13px;
  --t-eyebrow: 10px;   /* uppercase code eyebrows */
  --t-tag:     9px;    /* tiniest labels */

  /* ── Letter-spacing (CRITICAL — defines the brand) ──
     @kind other */
  --ls-display-xxl: 7px;
  --ls-display-md:  6px;
  --ls-display-sm:  3px;
  --ls-display-xs:  2px;
  --ls-eyebrow:     3px;
  --ls-tag:         2.5px;
  --ls-body:        0.025em;

  /* ── Line-height ──────────────────────────────────────
     @kind other */
  --lh-display: 0.95; /* @kind other */
  --lh-tight:   1.2; /* @kind other */
  --lh-body:    1.7; /* @kind other */
  --lh-loose:   1.9; /* @kind other */
}
