/* ===========================================================================
   Bachelet Group — Typography tokens
   Single sans family (Arial / Arimo). Headings are navy & bold; body is slate.
   Casing: Title case for headings; UPPERCASE + letter-spacing for eyebrows,
   section numbers and labels (a recurring deck motif).
   =========================================================================== */
:root {
  /* Families */
  --font-sans: 'Arimo', Arial, 'Helvetica Neue', Helvetica, sans-serif;
  --font-display: var(--font-sans);     /* same family, heavier weight */
  --font-mono: 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;

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

  /* Type scale (rem, 16px base) */
  --fs-display: 3.5rem;   /* 56px — slide hero 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-body: 1rem;        /* 16px */
  --fs-sm: 0.875rem;      /* 14px */
  --fs-xs: 0.75rem;       /* 12px — eyebrows, captions */

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

  /* Letter spacing */
  --ls-tight: -0.02em;    /* large display headings @kind other */
  --ls-normal: 0;         /* @kind other */
  --ls-wide: 0.08em;      /* eyebrows / labels @kind other */
  --ls-wider: 0.18em;     /* section numbers @kind other */

  /* Semantic roles */
  --text-eyebrow-size: var(--fs-xs);
  --text-eyebrow-spacing: var(--ls-wide);
}