/* Deiana — Typography tokens
   Display/headings: Nunito (rounded, near the wordmark). Body: Nunito Sans. */
:root {
  --font-display: 'Nunito', system-ui, sans-serif;
  --font-body: 'Nunito Sans', system-ui, sans-serif;

  /* 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 */
  --fw-black: 900; /* @kind font */

  /* Type scale (rem; 1rem = 16px) */
  --fs-display: 3.5rem;   /* 56 — hero */
  --fs-h1: 2.5rem;        /* 40 */
  --fs-h2: 1.875rem;      /* 30 */
  --fs-h3: 1.375rem;      /* 22 */
  --fs-lead: 1.25rem;     /* 20 — intro paragraph */
  --fs-body: 1rem;        /* 16 */
  --fs-sm: 0.875rem;      /* 14 */
  --fs-xs: 0.75rem;       /* 12 — minimum */

  /* 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-tight: -0.02em; /* @kind other */
  --ls-normal: 0; /* @kind other */
  --ls-wide: 0.06em; /* @kind other */

  /* Semantic roles */
  --text-display-font: var(--font-display);
  --text-display-weight: var(--fw-extrabold);
  --text-heading-font: var(--font-display);
  --text-heading-weight: var(--fw-bold);
  --text-body-font: var(--font-body);
  --text-body-weight: var(--fw-regular);
  --text-eyebrow-weight: var(--fw-bold);
}