/* ============================================================
   DESTINITO — TYPOGRAPHY TOKENS
   One family only: Plus Jakarta Sans (Inter → system fallback).
   ExtraBold 800 = display/wordmark-level. Bold 700 = section headings.
   Regular 400 = body. SemiBold 600 = CTA buttons & labels.
   ============================================================ */
:root {
  /* Families */
  --font-sans: 'Plus Jakarta Sans', 'Inter', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
  --font-display: var(--font-sans);
  --font-body: var(--font-sans);

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

  /* Type scale (px) — display-led, generous */
  --fs-display-xl: 64px;   /* hero display */
  --fs-display:    48px;   /* page display */
  --fs-h1:         40px;
  --fs-h2:         32px;
  --fs-h3:         24px;
  --fs-h4:         20px;
  --fs-lg:         18px;   /* lead / large body */
  --fs-body:       16px;   /* base body */
  --fs-sm:         14px;   /* secondary / captions */
  --fs-xs:         12px;   /* labels, meta */

  /* Line heights */
  --lh-tight:  1.05; /* @kind other */
  --lh-snug:   1.2;  /* @kind other */
  --lh-normal: 1.5;  /* @kind other */
  --lh-relaxed:1.65; /* @kind other */

  /* Letter spacing */
  --ls-display: -0.02em; /* @kind other */
  --ls-heading: -0.01em; /* @kind other */
  --ls-body:    0em;     /* @kind other */
  --ls-label:   0.06em;  /* @kind other */
}
