/* Masagana Gas — Typography tokens
   One family — TT Norms Pro (TypeType). Regular + Medium only.
   Hierarchy comes from SIZE and SPACE, never from switching typeface.
   Golden-ratio scale (φ = 1.618) anchored on 15px body. */
:root {
  --font-sans: "TT Norms Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-brand: var(--font-sans);

  --weight-regular: 400;
  --weight-medium: 500;

  /* φ scale: 9 · 15 · 24 · 39 · 63 · 102 · 165 · 267 */
  --size-caption: 9px;    /* 15 ÷ φ */
  --size-body: 15px;      /* base */
  --size-subhead: 24px;   /* 15 × φ */
  --size-section: 39px;   /* 15 × φ² */
  --size-headline: 63px;  /* 15 × φ³ */
  --size-display: 102px;  /* 15 × φ⁴ */
  --size-mega: 165px;     /* 15 × φ⁵ */
  --size-hero: 267px;     /* 15 × φ⁶ */

  /* Line heights — tight on display, comfortable on body */
  --leading-tight: 1.02;
  --leading-snug: 1.12;
  --leading-body: 1.5;

  /* Tracking — negative on large display, positive on tiny labels */
  --track-display: -0.02em;
  --track-body: 0em;
  --track-label: 0.14em;   /* eyebrow / vertical side labels, uppercased */

  /* Semantic roles */
  --text-hero: var(--weight-medium) var(--size-hero)/var(--leading-tight) var(--font-brand);
  --text-hero-italic: italic var(--weight-medium) var(--size-hero)/var(--leading-tight) var(--font-brand);
  --text-display: var(--weight-medium) var(--size-display)/var(--leading-tight) var(--font-brand);
  --text-headline: var(--weight-medium) var(--size-headline)/var(--leading-snug) var(--font-brand);
  --text-section-role: var(--weight-medium) var(--size-section)/var(--leading-snug) var(--font-brand);
  --text-subhead-role: var(--weight-regular) var(--size-subhead)/var(--leading-body) var(--font-brand);
  --text-body-role: var(--weight-regular) var(--size-body)/var(--leading-body) var(--font-brand);
}