/* ============================================================
   Victory Wings Academy — Typography Tokens
   Brand typeface: Montserrat (Headings = Bold/Black, Body = Regular).
   Headings are frequently UPPERCASE with wide tracking, echoing
   the aviation / insignia character of the mark.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&display=swap');

:root {
  /* ---- Families ---- */
  --font-display: 'Montserrat', 'Segoe UI', system-ui, sans-serif; /* headings */
  --font-body:    'Montserrat', 'Segoe UI', system-ui, sans-serif; /* body */
  --font-mono:    ui-monospace, 'SF Mono', Menlo, Consolas, monospace; /* reg. IDs, cert nos. */

  /* ---- Weights ---- */
  --fw-light:   300;  /* @kind font */
  --fw-regular: 400;  /* @kind font */
  --fw-medium:  500;  /* @kind font */
  --fw-semibold:600;  /* @kind font */
  --fw-bold:    700;  /* @kind font */
  --fw-extra:   800;  /* @kind font */
  --fw-black:   900;  /* @kind font */

  /* ---- Type scale (1.250 major-third-ish, tuned) ---- */
  --fs-display:  clamp(2.75rem, 5vw, 4.5rem); /* @kind font */
  --fs-h1:       2.5rem;   /* @kind font */
  --fs-h2:       1.875rem; /* @kind font */
  --fs-h3:       1.375rem; /* @kind font */
  --fs-h4:       1.125rem; /* @kind font */
  --fs-body-lg:  1.0625rem;/* @kind font */
  --fs-body:     0.9375rem;/* @kind font */
  --fs-sm:       0.8125rem;/* @kind font */
  --fs-xs:       0.6875rem;/* @kind font */

  /* ---- Line heights ---- */
  --lh-tight:   1.08;  /* @kind font */
  --lh-heading: 1.18;  /* @kind font */
  --lh-snug:    1.4;   /* @kind font */
  --lh-body:    1.65;  /* @kind font */

  /* ---- Letter-spacing ---- */
  --ls-mega:    0.02em;  /* @kind font */
  --ls-heading: 0.04em;  /* @kind font */
  --ls-eyebrow: 0.32em;  /* @kind font */
  --ls-wide:    0.18em;  /* @kind font */
  --ls-body:    0;       /* @kind font */

  /* ---- Semantic roles ---- */
  --role-eyebrow-size:   var(--fs-xs);   /* @kind font */
  --role-eyebrow-weight: var(--fw-bold); /* @kind font */
  --role-eyebrow-track:  var(--ls-eyebrow); /* @kind font */
}

/* Base document typography (applied by consumers linking styles.css) */
body {
  font-family: var(--font-body);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  color: var(--text-body);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}