/* ============================================================
   TRESIPUNT — TYPOGRAPHY TOKENS
   Headings: Plus Jakarta Sans   Body: Poppins
   ============================================================ */
:root {
  /* Families */
  --font-heading: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body:    'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono:    ui-monospace, 'SFMono-Regular', 'Menlo', 'Consolas', monospace;

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

  /* Type scale (1.250 major-third-ish, rem) */
  --fs-display:  3.5rem;   /* 56px — hero / slide titles */
  --fs-h1:       2.5rem;   /* 40px */
  --fs-h2:       2rem;     /* 32px */
  --fs-h3:       1.5rem;   /* 24px */
  --fs-h4:       1.25rem;  /* 20px */
  --fs-lg:       1.125rem; /* 18px */
  --fs-base:     1rem;     /* 16px */
  --fs-sm:       0.875rem; /* 14px */
  --fs-xs:       0.75rem;  /* 12px */

  /* Line heights */
  --lh-tight:   1.1; /* @kind other */
  --lh-snug:    1.25; /* @kind other */
  --lh-normal:  1.5; /* @kind other */
  --lh-relaxed: 1.7; /* @kind other */

  /* Letter spacing */
  --ls-tight:   -0.02em; /* @kind other */
  --ls-normal:  0; /* @kind other */
  --ls-wide:    0.02em; /* @kind other */
  --ls-caps:    0.08em; /* @kind other */

  /* Semantic text roles */
  --text-display-font:   var(--font-heading); /* @kind font */
  --text-display-weight: var(--fw-extra); /* @kind other */
  --text-heading-weight: var(--fw-bold); /* @kind other */
  --text-eyebrow-weight: var(--fw-semibold); /* @kind other */
  --text-body-weight:    var(--fw-regular); /* @kind other */
}

/* Base element defaults (opt-in: applied where the body uses the body font) */
.ds-type-base {
  font-family: var(--font-body);
  font-size: var(--fs-base);
  line-height: var(--lh-normal);
  color: var(--text-body);
  font-weight: var(--fw-regular);
}