/* ============================================================
   Hilo — Typography tokens · FILAMENT identity
     · Schibsted Grotesk — a sharp, slightly editorial grotesk for
       display, UI, and body. Tight tracking on large sizes.
     · IBM Plex Mono — data, numbers, IDs, uppercase micro-labels,
       and code. The "technical" voice against the clean grotesk.
   @font-face for both lives in fonts.css.
   ============================================================ */

:root {
  /* ---- families ---- */
  --font-display: "Schibsted Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-sans:    "Schibsted Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono:    "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* semantic aliases */
  --font-heading: var(--font-display);
  --font-body:    var(--font-sans);
  --font-code:    var(--font-mono);
  --font-data:    var(--font-mono);   /* numbers, IDs, metrics, labels */

  /* ---- base rhythm ---- */
  --text-base-size: 14px;
  --leading-tight:   1.12;   /* display */
  --leading-snug:    1.35;   /* headings, chat */
  --leading-base:    1.55;   /* body */
  --leading-reading: 1.7;    /* long documents in the studio */

  /* ---- type scale (px) ---- */
  --fs-display: 34px;  /* page hero / big moments */
  --fs-h1: 24px;       /* page title */
  --fs-h2: 18px;       /* section heading */
  --fs-h3: 15px;       /* card title */
  --fs-body: 14px;     /* body & chat text */
  --fs-sm: 13px;       /* dense / secondary body */
  --fs-data: 12px;     /* meta, kv rows, table cells */
  --fs-micro: 11px;    /* uppercase mono labels */
  --fs-nano: 10px;     /* timestamps, footnotes */

  /* ---- weights (Schibsted Grotesk axis) ---- */
  --fw-regular: 400;  /* @kind other */
  --fw-medium: 500;   /* @kind other */
  --fw-semi: 600;     /* @kind other */
  --fw-bold: 700;     /* @kind other */
  --fw-black: 800;    /* @kind other */

  /* ---- letter-spacing ---- */
  --tracking-display: -0.03em;  /* @kind other */
  --tracking-tight:   -0.01em;  /* @kind other */
  --tracking-normal:  0;        /* @kind other */
  --tracking-label:   0.08em;   /* @kind other */
}