/* ============================================================
   Uncharted Strategy — Typography tokens
   Display: editorial high-contrast serif (Canela Deck →
   Playfair Display substitute). Body/UI: Arial.
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-display: 'Playfair Display', 'Canela Deck', Georgia, 'Times New Roman', serif;
  --font-serif:   'Playfair Display', 'Canela Deck', Georgia, serif;
  --font-body:    Arial, 'Arimo', 'Helvetica Neue', Helvetica, sans-serif;
  --font-ui:      Arial, 'Arimo', 'Helvetica Neue', Helvetica, sans-serif;

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

  /* ---- Type scale (rem, 16px base) ---- */
  --fs-display-xl: 5.5rem;   /* 88px — hero / title slide */
  --fs-display-lg: 4rem;     /* 64px — section openers */
  --fs-display-md: 3rem;     /* 48px — slide headlines */
  --fs-h1:         2.5rem;   /* 40px */
  --fs-h2:         2rem;     /* 32px */
  --fs-h3:         1.5rem;   /* 24px */
  --fs-h4:         1.25rem;  /* 20px */
  --fs-lead:       1.375rem; /* 22px — intro / deck body */
  --fs-body:       1rem;     /* 16px */
  --fs-body-sm:    0.875rem; /* 14px */
  --fs-caption:    0.8125rem;/* 13px */
  --fs-label:      0.75rem;  /* 12px — eyebrow / overline */

  /* ---- Line heights ---- */
  --lh-tight:     1.05; /* @kind other */
  --lh-snug:      1.18; /* @kind other */
  --lh-heading:   1.25; /* @kind other */
  --lh-body:      1.6; /* @kind other */
  --lh-relaxed:   1.75; /* @kind other */

  /* ---- Letter spacing ---- */
  --ls-tight:     -0.02em; /* @kind other */
  --ls-normal:    0; /* @kind other */
  --ls-wide:      0.04em; /* @kind other */
  --ls-eyebrow:   0.18em;   /* @kind other */

  /* ============================================================
     Semantic role aliases
     ============================================================ */
  --text-display-font:   var(--font-display);
  --text-display-weight: var(--fw-bold);

  --text-eyebrow-font:    var(--font-body);
  --text-eyebrow-weight:  var(--fw-bold);
  --text-eyebrow-spacing: var(--ls-eyebrow);
  --text-eyebrow-size:    var(--fs-label);

  --text-body-font:    var(--font-body);
  --text-body-size:    var(--fs-body);
  --text-body-leading: var(--lh-body);
}