/* MODU-WALL — Typography tokens
   Display / headings: Montserrat (Bold-forward, often uppercase with tracking — echoes the wordmark).
   Body: Open Sans. */

:root {
  /* Families */
  --font-display: 'Montserrat', 'Segoe UI', system-ui, sans-serif;
  --font-body:    'Open Sans', 'Segoe UI', system-ui, sans-serif;
  --font-mono:    ui-monospace, 'SFMono-Regular', 'Menlo', monospace;

  /* Weights */
  --fw-regular:  400; /* @kind font */
  --fw-medium:   500; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold:     700; /* @kind font */
  --fw-extra:    800; /* @kind font */

  /* Type scale (rem, 16px base) */
  --fs-display:  clamp(2.5rem, 1.6rem + 4vw, 4.25rem); /* @kind other */
  --fs-h1: 3rem;      /* 48 */
  --fs-h2: 2.25rem;   /* 36 */
  --fs-h3: 1.75rem;   /* 28 */
  --fs-h4: 1.375rem;  /* 22 */
  --fs-h5: 1.125rem;  /* 18 */
  --fs-lead: 1.25rem; /* 20 intro paragraph */
  --fs-body: 1rem;    /* 16 */
  --fs-sm:   0.875rem;/* 14 */
  --fs-xs:   0.75rem; /* 12 label/caption */
  --fs-overline: 0.75rem; /* eyebrow */

  /* Line heights */
  --lh-tight:   1.1; /* @kind font */
  --lh-heading: 1.2; /* @kind font */
  --lh-snug:    1.35; /* @kind font */
  --lh-body:    1.6; /* @kind font */
  --lh-relaxed: 1.75; /* @kind font */

  /* Letter spacing */
  --ls-tight:   -0.02em; /* @kind font */
  --ls-normal:  0; /* @kind font */
  --ls-wide:    0.04em; /* @kind font */
  --ls-overline:0.14em; /* @kind font */
}