/* ============================================================
   AuroraVision — TYPOGRAPHY TOKENS
   Display: Sora (geometric, futuristic). Body/UI: Space Grotesk.
   Technical readouts / data: Space Mono.
   ============================================================ */
:root {
  /* ---- Families ---- */
  --av-font-display: 'Sora', 'Space Grotesk', system-ui, sans-serif;
  --av-font-body:    'Space Grotesk', system-ui, -apple-system, sans-serif;
  --av-font-mono:    'Space Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* ---- Weights ---- */
  --av-weight-light:    300;
  --av-weight-regular:  400;
  --av-weight-medium:   500;
  --av-weight-semibold: 600;
  --av-weight-bold:     700;
  --av-weight-black:    800;

  /* ---- Type scale (rem, 16px base) ---- */
  --av-text-2xs:  0.6875rem;  /* 11 — micro labels */
  --av-text-xs:   0.75rem;    /* 12 — captions, meta */
  --av-text-sm:   0.875rem;   /* 14 — secondary / UI */
  --av-text-base: 1rem;       /* 16 — body */
  --av-text-md:   1.125rem;   /* 18 — lead body */
  --av-text-lg:   1.375rem;   /* 22 — card titles */
  --av-text-xl:   1.75rem;    /* 28 — section heads */
  --av-text-2xl:  2.25rem;    /* 36 */
  --av-text-3xl:  3rem;       /* 48 */
  --av-text-4xl:  4rem;       /* 64 — display */
  --av-text-5xl:  5.5rem;     /* 88 — hero display */

  /* ---- Line heights ---- */
  --av-leading-tight:   1.05;
  --av-leading-snug:    1.2;
  --av-leading-normal:  1.5;
  --av-leading-relaxed: 1.65;

  /* ---- Letter spacing ---- */
  --av-tracking-tight:  -0.02em;  /* large display */
  --av-tracking-normal: 0;
  --av-tracking-wide:   0.04em;
  --av-tracking-label:  0.18em;   /* uppercase eyebrow/labels */
  --av-tracking-mega:   0.32em;   /* the "SIMULATION / PROTOTYPE" lockups */

  /* ---- Semantic roles ---- */
  --text-display:  var(--av-weight-bold) var(--av-text-4xl)/var(--av-leading-tight) var(--av-font-display);
  --text-heading:  var(--av-weight-semibold) var(--av-text-xl)/var(--av-leading-snug) var(--av-font-display);
  --text-title:    var(--av-weight-semibold) var(--av-text-lg)/var(--av-leading-snug) var(--av-font-display);
  --text-body:     var(--av-weight-regular) var(--av-text-base)/var(--av-leading-relaxed) var(--av-font-body);
  --text-ui:       var(--av-weight-medium) var(--av-text-sm)/var(--av-leading-normal) var(--av-font-body);
  --text-caption:  var(--av-weight-regular) var(--av-text-xs)/var(--av-leading-normal) var(--av-font-body);
  --text-data:     var(--av-weight-400) var(--av-text-sm)/var(--av-leading-normal) var(--av-font-mono);
}