/* =========================================================================
   IMPERSONAS — TYPOGRAPHY TOKENS
   Brigends = display/section titles (ALL CAPS). ABC Diatype = everything
   functional. Monument Mono = machine/utility (ALL CAPS, tracked).
   Very Vogue = with-impersonas sub-brand ONLY.
   ========================================================================= */

:root {
  /* ---- Families ---- */
  --font-display: "Brigends Expanded", "Arial Black", sans-serif-condensed, sans-serif;
  --font-sans:    "ABC Diatype", "Helvetica Neue", Arial, sans-serif;
  --font-mono:    "Monument Grotesk Mono", "SFMono-Regular", ui-monospace, monospace;
  --font-vogue:   "Very Vogue Display", Georgia, "Times New Roman", serif;       /* sub-brand only */
  --font-vogue-text: "Very Vogue Text", Georgia, serif;                          /* sub-brand only */

  /* ---- Weights (ABC Diatype) ---- */
  --fw-light:   300; /* @kind font */   /* tracked name overlays on cards */
  --fw-regular: 400; /* @kind font */   /* body / sentences */
  --fw-medium:  500; /* @kind font */   /* eyebrows, labels, status pills, CTAs, nav */
  --fw-bold:    700; /* @kind font */   /* the 1–2 pitch words; structural titles */

  /* ---- Display scale (Brigends) — oversized, may bleed off edges ---- */
  --type-display-xxl: 120px;   /* full-bleed hero wordmark */
  --type-display-xl:  84px;
  --type-display-lg:  56px;    /* section titles */
  --type-display-md:  40px;

  /* ---- Functional scale (ABC Diatype) ---- */
  --type-headline-lg: 48px;
  --type-headline:    32px;
  --type-subhead:     22px;
  --type-body-lg:     18px;
  --type-body:        16px;
  --type-body-sm:     14px;
  --type-caption:     13px;

  /* ---- Mono / utility scale (Monument Mono) ---- */
  --type-mono-lg:  14px;
  --type-mono:     12px;
  --type-mono-sm:  11px;

  /* ---- Line heights ---- */
  --lh-display: 0.92; /* @kind font */   /* tight, stacked display titles */
  --lh-tight:   1.05; /* @kind font */
  --lh-snug:    1.25; /* @kind font */
  --lh-body:    1.5; /* @kind font */

  /* ---- Tracking ---- */
  --track-display: -0.01em; /* @kind font */   /* expanded face is already wide */
  --track-tight:   -0.01em; /* @kind font */
  --track-normal:  0; /* @kind font */
  --track-mono:    0.12em; /* @kind font */     /* mono utility is always tracked */
  --track-mono-wide: 0.18em; /* @kind font */   /* eyebrows / taglines */
  --track-caps:    0.04em; /* @kind font */     /* Diatype set in caps (nav, CTAs) */
}

/* ---- Optional helper classes (foundation cards / docs may use these) ---- */
.t-display { font-family: var(--font-display); font-weight: 400; text-transform: uppercase; line-height: var(--lh-display); letter-spacing: var(--track-display); }
.t-headline { font-family: var(--font-sans); font-weight: var(--fw-bold); line-height: var(--lh-tight); letter-spacing: var(--track-tight); }
.t-body { font-family: var(--font-sans); font-weight: var(--fw-regular); line-height: var(--lh-body); }
.t-mono { font-family: var(--font-mono); text-transform: uppercase; letter-spacing: var(--track-mono); }
.t-vogue { font-family: var(--font-vogue); }