/* ============================================================
   AURA — TYPOGRAPHY
   Glanceable scale: ONE dominant hero level (big numbers /
   headlines) and a small, quiet secondary set. Nothing in
   between competes. Read from across the room.
   ============================================================ */

:root {
  --font-sans: 'Hanken Grotesk', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* ---- Type sizes ---- */
  --text-hero: clamp(40px, 4.4vw, 60px);  /* the one big thing per card (capped: a fixed-width card mustn't get an 88px number on a big screen) */
  --text-display: clamp(26px, 2.6vw, 36px);
  --text-title: 26px;     /* card title / what-this-is             */
  --text-body: 19px;      /* the rare sentence (web answer)        */
  --text-label: 15px;     /* unit, secondary metric               */
  --text-caption: 13px;   /* timestamp, history meta              */
  --text-eyebrow: 12px;   /* uppercase domain tag                 */

  /* ---- Weights ---- */
  --weight-hero: 600;
  --weight-strong: 600;
  --weight-medium: 500;
  --weight-regular: 400;
  --weight-light: 350;

  /* ---- Line heights ---- */
  --leading-hero: 0.92;
  --leading-tight: 1.06;
  --leading-snug: 1.25;
  --leading-body: 1.45;

  /* ---- Tracking ---- */
  --tracking-hero: -0.03em;   /* big numbers pull tighter */
  --tracking-tight: -0.012em;
  --tracking-normal: 0em;
  --tracking-eyebrow: 0.14em; /* uppercase tag spacing    */

  /* ---- Semantic roles ---- */
  --type-hero-font: var(--font-sans);
  --type-numeric: var(--font-sans);     /* enable tabular figures in use */
}

/* Tabular, lining figures for any glanceable number. */
.aura-num { font-variant-numeric: tabular-nums lining-nums; font-feature-settings: 'tnum' 1, 'lnum' 1; }