/* ============================================================
   Umoona Opal Mine — TYPOGRAPHY TOKENS
   Montserrat (display/UI) · Mulish (body) · Space Mono (eyebrow/meta)
   ============================================================ */
:root {
  /* ---- Families ---- */
  --font-display: 'Montserrat', system-ui, sans-serif; /* headings, UI labels, numerals */
  --font-body:    'Mulish', system-ui, sans-serif;      /* paragraphs, body copy */
  --font-mono:    'Space Mono', ui-monospace, monospace;/* eyebrows, meta, stats */

  /* ---- Weights ---- */
  --w-regular: 400; /* @kind font */
  --w-medium:  500; /* @kind font */
  --w-semi:    600; /* @kind font */
  --w-bold:    700; /* @kind font */
  --w-800:     800; /* @kind font */ /* card titles, nav CTA */
  --w-black:   900; /* @kind font */ /* display headlines, stat numbers */

  /* ---- Type scale (marketing + app) ---- */
  --fs-poster:   clamp(46px, 8.2vw, 104px); /* @kind font */ /* homepage poster H1 */
  --fs-h1:       clamp(38px, 6vw, 72px); /* @kind font */    /* hero H1 */
  --fs-h2:       clamp(28px, 4vw, 44px); /* @kind font */    /* section H2 */
  --fs-h3:       clamp(22px, 2.4vw, 30px); /* @kind font */  /* lead / sub-head */
  --fs-card-title: 21px; /* @kind font */                    /* card / service title */
  --fs-stat:     clamp(48px, 6vw, 64px); /* @kind font */    /* big stat numbers */
  --fs-lead:     16px; /* @kind font */                       /* intro body */
  --fs-body:     15px; /* @kind font */                       /* default body */
  --fs-sm:       13.5px; /* @kind font */                      /* nav links, dense UI */
  --fs-xs:       12px; /* @kind font */                        /* fine print */
  --fs-eyebrow:  12px; /* @kind font */                        /* mono eyebrow */

  /* ---- Line-height ---- */
  --lh-tight:   0.9; /* @kind font */    /* display headlines */
  --lh-snug:    1.22; /* @kind font */   /* leads */
  --lh-body:    1.7; /* @kind font */    /* paragraphs (1.6–1.75) */

  /* ---- Letter-spacing ---- */
  --ls-display: -0.02em; /* @kind font */  /* tighten big headlines (poster uses -0.04em) */
  --ls-eyebrow:  0.2em; /* @kind font */   /* mono eyebrows (0.12–0.28em) */
  --ls-label:    0.06em; /* @kind font */  /* uppercase UI labels */
}