/* ============================================================
   Wall & Floor — Typography tokens
   Modern-luxury 2026 direction: confident variable display type
   paired with a clean geometric body/UI face. (Direction chosen
   deliberately — not the brochure's engraved/condensed look.)
     • Bricolage Grotesque → display headlines, wordmark
     • Manrope             → body copy, UI, eyebrow labels (wide-tracked)
   ============================================================ */
:root {
  --font-serif:   'Playfair Display', serif;
  --font-display: 'Playfair Display', serif;
  --font-body:    'Outfit', sans-serif;

  /* ---- 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 */

  /* ---- Fluid display scale (marketing) ---- */
  --fs-display:  clamp(3.4rem, 9vw, 6.5rem); /* @kind font */
  --fs-h1:       clamp(2.4rem, 6.5vw, 3.6rem); /* @kind font */
  --fs-h2:       clamp(1.9rem, 4.5vw, 2.6rem); /* @kind font */
  --fs-h3:       clamp(1.4rem, 3vw, 1.75rem); /* @kind font */
  --fs-h4:       1.25rem; /* @kind font */

  /* ---- Body scale ---- */
  --fs-lead:     1.15rem; /* @kind font */
  --fs-body:     1rem; /* @kind font */
  --fs-sm:       0.875rem; /* @kind font */
  --fs-xs:       0.78rem; /* @kind font */

  /* ---- Eyebrow / label ---- */
  --fs-eyebrow:  0.8rem; /* @kind font */

  /* ---- Line heights ---- */
  --lh-tight:    1.02; /* @kind font */
  --lh-snug:     1.18; /* @kind font */
  --lh-body:     1.7; /* @kind font */
  --lh-relaxed:  1.85; /* @kind font */

  /* ---- Tracking ---- */
  --ls-display: -0.03em; /* @kind font */
  --ls-eyebrow:  0.2em; /* @kind font */
  --ls-wordmark: 0.02em; /* @kind font */
  --ls-body:     0; /* @kind font */
}