/* ═══════════════════════════════════════════════════════════
   CRAVANI — Typography Tokens
   One family — Inter — across the whole system. Display sizes
   run heavy (900) with tight negative tracking; body is 400 at
   generous line-height. Italic-red <em> is the brand's
   signature emphasis device inside headings.
   ═══════════════════════════════════════════════════════════ */
:root {
  /* ── Families ───────────────────────────────────────────── */
  --font-sans:  'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: var(--font-sans);            /* same family, heavier weight */
  --font-mono:  ui-monospace, 'SF Mono', 'Menlo', 'Consolas', monospace; /* @kind font */

  /* ── Weights ────────────────────────────────────────────── */
  --fw-light:     300;  /* @kind font */
  --fw-regular:   400;  /* @kind font */
  --fw-medium:    500;  /* @kind font */
  --fw-semibold:  600;  /* @kind font */
  --fw-bold:      700;  /* @kind font */
  --fw-extrabold: 800;  /* @kind font */
  --fw-black:     900;  /* @kind font */

  /* ── Fluid type scale (clamp: min → preferred → max) ────── */
  --fs-display:   clamp(2.6rem, 5.5vw, 4.4rem);  /* @kind font */ /* hero / page hero */
  --fs-h1:        clamp(2rem, 4vw, 3.2rem);      /* @kind font */ /* section title */
  --fs-h2:        clamp(1.75rem, 3vw, 2.5rem);   /* @kind font */ /* content title */
  --fs-h3:        1.2rem;                         /* card title          @kind font */
  --fs-h4:        1rem;                           /* sub-card title      @kind font */
  --fs-lead:      1.05rem;                        /* lead paragraph      @kind font */
  --fs-body:      1rem;                           /* body                @kind font */
  --fs-sm:        0.9rem;                          /* card body / dense   @kind font */
  --fs-xs:        0.8rem;                          /* meta                @kind font */
  --fs-overline:  0.72rem;                         /* eyebrows / tags     @kind font */

  /* ── Line heights ───────────────────────────────────────── */
  --lh-display:   0.97;   /* @kind font */ /* heavy display */
  --lh-heading:   1.15;   /* @kind font */
  --lh-body:      1.65;   /* @kind font */
  --lh-relaxed:   1.8;    /* @kind font */ /* descriptions & long copy */

  /* ── Letter spacing ─────────────────────────────────────── */
  --ls-display:   -0.04em;  /* tight on big black weights     @kind font */
  --ls-heading:   -0.03em;  /* @kind font */
  --ls-body:      0;        /* @kind font */
  --ls-overline:  0.18em;   /* wide tracking, uppercase tags  @kind font */
  --ls-button:    0.07em;   /* @kind font */
}