/* ============================================================
   DESOBEDECE — TYPOGRAPHY TOKENS
   Mast Sans everywhere. Condensed cut for loud display /
   headlines; Regular for everything else. The brand voice is
   LOUD and direct, so display is set tight, heavy and often
   UPPERCASE.
   ============================================================ */
:root {
  /* Families */
  --font-display: "Mast Sans Condensed", "Mast Sans", system-ui, sans-serif;
  --font-sans:    "Mast Sans", system-ui, -apple-system, sans-serif;
  --font-mono:    "SFMono-Regular", ui-monospace, Menlo, Consolas, monospace;

  /* Weights (variable: 100–900) */
  --fw-regular:   400; /* @kind font */
  --fw-medium:    500; /* @kind font */
  --fw-bold:      700; /* @kind font */
  --fw-black:     900; /* @kind font */

  /* Fluid display sizes (headlines / hero) */
  --text-display-xl: clamp(3.5rem, 9vw, 8rem);   /* hero shout */
  --text-display-lg: clamp(2.75rem, 6vw, 5rem);
  --text-display-md: clamp(2rem, 4vw, 3.25rem);

  /* Static type scale (UI) */
  --text-3xl: 2.5rem;   /* 40 */
  --text-2xl: 2rem;     /* 32 */
  --text-xl:  1.5rem;   /* 24 */
  --text-lg:  1.25rem;  /* 20 */
  --text-md:  1rem;     /* 16 — base */
  --text-sm:  0.875rem; /* 14 */
  --text-xs:  0.75rem;  /* 12 — labels, eyebrows */

  /* Line heights */
  --leading-shout:  0.92;  /* stacked display */
  --leading-tight:  1.05;
  --leading-snug:   1.2;
  --leading-body:   1.5;

  /* Letter spacing */
  --tracking-shout: -0.02em;  /* big condensed display pulls in */
  --tracking-tight: -0.01em;
  --tracking-normal: 0em;
  --tracking-label:  0.14em;  /* eyebrows / overlines UPPERCASE */
  --tracking-wide:   0.22em;
}