/* ============================================================
   ACERA — Typography tokens
   Brand face: Open Sans. The bajada pairs Open Sans Light + Bold
   (see Manual de Marca p.11) — this Light/Bold contrast is the
   signature typographic device.
   ============================================================ */
:root {
  --font-sans: 'Open Sans', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
  --font-display: 'Open Sans', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;

  /* Weights */
  --fw-light:    300; /* @kind font */
  --fw-regular:  400; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold:     700; /* @kind font */
  --fw-extrabold:800; /* @kind font */

  /* Type scale (1.250 major-third, 16px base) */
  --fs-2xs: 0.6875rem; /* 11 */
  --fs-xs:  0.75rem;   /* 12 */
  --fs-sm:  0.875rem;  /* 14 */
  --fs-md:  1rem;      /* 16 */
  --fs-lg:  1.25rem;   /* 20 */
  --fs-xl:  1.5rem;    /* 24 */
  --fs-2xl: 2rem;      /* 32 */
  --fs-3xl: 2.5rem;    /* 40 */
  --fs-4xl: 3.25rem;   /* 52 */
  --fs-5xl: 4.25rem;   /* 68 */

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

  /* Letter spacing */
  --ls-tight:  -0.02em; /* @kind font */
  --ls-normal: 0; /* @kind font */
  --ls-wide:   0.04em; /* @kind font */
  --ls-caps:   0.12em; /* @kind font */

  /* Semantic roles */
  --text-display:  var(--fw-bold) var(--fs-5xl)/var(--lh-tight) var(--font-display);
  --text-h1:       var(--fw-bold) var(--fs-4xl)/var(--lh-tight) var(--font-display);
  --text-h2:       var(--fw-bold) var(--fs-3xl)/var(--lh-snug) var(--font-display);
  --text-h3:       var(--fw-semibold) var(--fs-2xl)/var(--lh-snug) var(--font-display);
  --text-h4:       var(--fw-semibold) var(--fs-xl)/var(--lh-snug) var(--font-sans);
  --text-lead:     var(--fw-light) var(--fs-lg)/var(--lh-relaxed) var(--font-sans);
  --text-base:     var(--fw-regular) var(--fs-md)/var(--lh-normal) var(--font-sans);
  --text-small:    var(--fw-regular) var(--fs-sm)/var(--lh-normal) var(--font-sans);
  --text-eyebrow:  var(--fw-bold) var(--fs-xs)/var(--lh-normal) var(--font-sans);
}