/* ── Vocations Adelaide · Typography tokens ─────────────────────────────────
   Three voices:
     · Display  — Cinzel (Trajan-style Roman caps). Headlines, wordmark,
                  section openers. ALWAYS uppercase; never for long copy.
     · Serif    — EB Garamond. Running body, scripture, reflective prose.
     · Sans     — Montserrat. UI, labels, and the wide-tracked uppercase
                  "eyebrow / kicker" treatment seen on the title cards. */

:root {
  --font-display: 'Cinzel', 'Trajan Pro', Georgia, serif;
  --font-serif:   'EB Garamond', Georgia, 'Times New Roman', serif;
  --font-sans:    'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif;

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

  /* Type scale (1.250 major-third, 16px base) */
  --text-2xs: 0.694rem;  /* 11.1px */
  --text-xs:  0.8rem;    /* 12.8px */
  --text-sm:  0.9rem;    /* 14.4px */
  --text-base:1rem;      /* 16px   */
  --text-md:  1.125rem;  /* 18px   */
  --text-lg:  1.25rem;   /* 20px   */
  --text-xl:  1.563rem;  /* 25px   */
  --text-2xl: 1.953rem;  /* 31px   */
  --text-3xl: 2.441rem;  /* 39px   */
  --text-4xl: 3.052rem;  /* 49px   */
  --text-5xl: 3.815rem;  /* 61px   */
  --text-6xl: 4.768rem;  /* 76px   */

  /* Line heights */
  --leading-tight:   1.08;
  --leading-snug:    1.25;
  --leading-normal:  1.5;
  --leading-relaxed: 1.7;

  /* Letter-spacing — the wide-tracked kicker is the brand's signature */
  --tracking-tight:   -0.01em;
  --tracking-normal:  0;
  --tracking-wide:    0.08em;
  --tracking-wider:   0.18em;   /* display caps */
  --tracking-kicker:  0.34em;   /* the "THE CALL" treatment */
}

/* ── Ready-made text roles (optional helpers) ── */
.t-kicker {
  font-family: var(--font-sans);
  font-weight: var(--fw-semibold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-kicker);
  font-size: var(--text-xs);
  line-height: 1;
}
.t-display {
  font-family: var(--font-display);
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wider);
  line-height: var(--leading-tight);
}
.t-serif {
  font-family: var(--font-serif);
  font-weight: var(--fw-regular);
  line-height: var(--leading-relaxed);
}