/* Hertility — Typography tokens
   Headings: SangBleu Kingdom Medium (accent: SangBleu Kingdom Light Italic)
   Body:     Work Sans (Medium / Regular; SemiBold for highlights)

   SangBleu Kingdom is loaded from licensed webfonts (see tokens/fonts.css,
   supplied by the brand). Work Sans is loaded from Google Fonts (exact brand
   font). Canva/Microsoft fallback = Palatino (SangBleu) / Arial (Work Sans). */
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,400;0,500;0,600;1,400&display=swap');

:root {
  /* Families */
  --font-display: 'SangBleu Kingdom', Palatino, 'Palatino Linotype', Georgia, serif;
  --font-body: 'Work Sans', Arial, Helvetica, sans-serif;

  /* Weights */
  --fw-body: 400;            /* @kind other */
  --fw-body-medium: 500;     /* @kind other */
  --fw-body-semibold: 600;   /* @kind other */
  --fw-display: 500;         /* @kind other */

  /* Type scale — multiples of 8; larger size → tighter tracking, looser leading */
  --fs-display: 88px;   /* hero cover title */
  --fs-h1: 64px;        /* slide headings */
  --fs-h2: 48px;
  --fs-metric: 72px;    /* big serif figures */
  --fs-h3: 32px;
  --fs-lead: 24px;      /* lead body / min coral number size */
  --fs-body: 18px;
  --fs-small: 16px;
  --fs-eyebrow: 13px;   /* uppercase letter-spaced kicker */
  --fs-footer: 12px;

  /* Line height */
  --lh-tight: 1.02;    /* @kind other */
  --lh-heading: 1.08;  /* @kind other */
  --lh-body: 1.5;      /* @kind other */

  /* Tracking */
  --ls-display: -0.02em;
  --ls-heading: -0.01em;
  --ls-body: 0;        /* @kind other */
  --ls-eyebrow: 0.18em;  /* letter-spaced eyebrows/labels/footers */
}