/* IITBHM 2026 — Typography tokens */
:root {
  /* Families */
  --font-display: 'Anton', 'Oswald', 'Arial Narrow', sans-serif; /* hero + big numbers */
  --font-head: 'Oswald', 'Arial Narrow', sans-serif;             /* headings, labels */
  --font-body: 'Barlow', system-ui, -apple-system, sans-serif;   /* body & UI */
  --font-accent: 'Barlow Semi Condensed', 'Oswald', sans-serif;  /* DREAM DARE DO italic */

  /* Weights */
  --w-regular: 400; /* @kind font */
  --w-medium: 500; /* @kind font */
  --w-semibold: 600; /* @kind font */
  --w-bold: 700; /* @kind font */
  --w-extra: 800; /* @kind font */

  /* Display scale (condensed, uppercase) — tuned for slides/hero */
  --fs-hero: clamp(56px, 9vw, 132px); /* @kind font */
  --fs-display-1: clamp(44px, 6vw, 88px); /* @kind font */
  --fs-display-2: clamp(34px, 4.5vw, 60px); /* @kind font */
  --fs-stat: clamp(40px, 5vw, 72px); /* @kind font */

  /* Heading scale */
  --fs-h1: 40px; /* @kind font */
  --fs-h2: 30px; /* @kind font */
  --fs-h3: 22px; /* @kind font */
  --fs-eyebrow: 14px; /* @kind font */

  /* Body scale */
  --fs-lead: 20px; /* @kind font */
  --fs-body: 16px; /* @kind font */
  --fs-small: 14px; /* @kind font */
  --fs-caption: 12px; /* @kind font */

  /* Line heights */
  --lh-tight: 0.92; /* @kind font */
  --lh-snug: 1.08; /* @kind font */
  --lh-head: 1.15; /* @kind font */
  --lh-body: 1.55; /* @kind font */

  /* Letter spacing */
  --ls-display: 0.01em;
  --ls-label: 0.16em;   /* uppercase Oswald eyebrows */
  --ls-wide: 0.28em;    /* spaced "S P O N S O R S H I P" lockups */
  --ls-body: 0; /* @kind font */
}

/* ---- Utility type classes (optional, used by cards & kits) ---- */
.t-eyebrow {
  font-family: var(--font-head);
  font-weight: var(--w-600, 600);
  font-size: var(--fs-eyebrow);
  letter-spacing: var(--ls-label);
  text-transform: uppercase;
  color: var(--text-accent);
}
.t-display {
  font-family: var(--font-display);
  line-height: var(--lh-tight);
  letter-spacing: var(--ls-display);
  text-transform: uppercase;
}
.t-head {
  font-family: var(--font-head);
  font-weight: var(--w-bold);
  text-transform: uppercase;
  line-height: var(--lh-head);
  letter-spacing: 0.02em;
}
.t-body {
  font-family: var(--font-body);
  font-weight: var(--w-regular);
  line-height: var(--lh-body);
  color: var(--text-body);
}
.t-accent {
  font-family: var(--font-accent);
  font-style: italic;
  font-weight: var(--w-bold);
  text-transform: uppercase;
}