/* ============================================================
   WALKER — TYPOGRAPHY TOKENS
   Display: Doves Type — the family font (self-hosted; see
   tokens/fonts.css). Cormorant Garamond stands in until the
   binaries are supplied. Hanken Grotesk for everything that
   has to work hard.
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-display: 'Doves Type', 'Cormorant Garamond', 'Cormorant', Georgia, 'Times New Roman', serif;
  --font-display-caps: 'Doves Type', 'Cormorant SC', 'Cormorant Garamond', Georgia, serif;
  --font-sans: 'Hanken Grotesk', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body: var(--font-sans);

  /* ---- Weights ---- */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* ---- Type scale (display in serif, rest in sans) ---- */
  --text-hero:      clamp(3.5rem, 7vw, 6.25rem);  /* 100px display */
  --text-display:   clamp(2.75rem, 5vw, 4rem);    /* 64px */
  --text-h1:        2.5rem;   /* 40px */
  --text-h2:        2rem;     /* 32px */
  --text-h3:        1.5rem;   /* 24px */
  --text-h4:        1.25rem;  /* 20px */
  --text-lead:      1.3125rem;/* 21px reading lead */
  --text-body:      1.0625rem;/* 17px */
  --text-sm:        0.9375rem;/* 15px */
  --text-xs:        0.8125rem;/* 13px */
  --text-eyebrow:   0.75rem;  /* 12px tracked label */

  /* ---- Line heights ---- */
  --leading-tight: 1.05;
  --leading-snug: 1.2;
  --leading-normal: 1.45;
  --leading-relaxed: 1.65;

  /* ---- Letter spacing ---- */
  --tracking-tight: -0.02em;
  --tracking-normal: 0;
  --tracking-wide: 0.04em;
  --tracking-eyebrow: 0.22em;  /* the heraldic small-caps label spacing */
  --tracking-motto: 0.3em;

  /* ============================================================
     SEMANTIC TYPE ROLES
     ============================================================ */
  --type-hero-family: var(--font-display);
  --type-hero-weight: var(--weight-medium);
  --type-hero-leading: var(--leading-tight);

  --type-title-family: var(--font-display);
  --type-title-weight: var(--weight-semibold);

  --type-eyebrow-family: var(--font-sans);
  --type-eyebrow-weight: var(--weight-semibold);
  --type-eyebrow-tracking: var(--tracking-eyebrow);

  --type-motto-family: var(--font-display);
  --type-motto-style: italic;

  --type-body-family: var(--font-sans);
  --type-body-weight: var(--weight-regular);
  --type-body-leading: var(--leading-relaxed);
}