/* ──────────────────────────────────────────────────────────────
   TicketHub brand typography — self-hosted font faces + CSS vars.
   Loaded from base.html, base_light.html, base_org.html.
   Drop font files into /static/fonts/ (filenames referenced below).
   ────────────────────────────────────────────────────────────── */

/* H1 display — Blackout Midnight */
@font-face {
  font-family: 'Blackout Midnight';
  src: url("../fonts/BlackoutMidnight.b89e9bfa2da9.ttf")   format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Secondary display — Raintion Black (single heavy file; declare full weight range so browsers never synth-bold it) */
@font-face {
  font-family: 'Raintion Black';
  src: url("../fonts/RaintionBlack.f5c8e6c0fa50.ttf")   format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Block synthetic weight bolding site-wide — body fonts (Inter, DM Sans, Oswald) ship real weights,
   and Raintion Black is already heavy, so no element should ever get a synthesized bold. */
html { font-synthesis-weight: none; font-synthesis: none; }

/* Compressed display — Helvetica Compressed */
@font-face {
  font-family: 'Helvetica Compressed';
  src: url("../fonts/HelveticaCompressed.bec59aa5a94f.otf") format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Body / UI — Inter (using 18pt optical-size variant, optimized for body/UI text) */
@font-face {
  font-family: 'Inter';
  src: url("../fonts/Inter/Inter_18pt-Regular.37dcabff629c.ttf") format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url("../fonts/Inter/Inter_18pt-Italic.ab4004692577.ttf") format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url("../fonts/Inter/Inter_18pt-Medium.8540f35bf8ac.ttf") format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url("../fonts/Inter/Inter_18pt-SemiBold.e5532d993e2d.ttf") format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url("../fonts/Inter/Inter_18pt-Bold.f77ce9588dcc.ttf") format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* ──────────────────────────────────────────────────────────────
   CSS custom properties — consumed by base-dark.css, base-light.css
   and the inline :root block in base_org.html.
   ────────────────────────────────────────────────────────────── */
:root {
  --font-h1:         'Blackout Midnight', 'Oswald', Impact, sans-serif;
  --font-display:    'Oswald', sans-serif;
  --font-hero:       'Raintion Black', 'Oswald', sans-serif;
  --font-compressed: 'Helvetica Compressed', 'Oswald Condensed', 'Arial Narrow', sans-serif;
  --font-body:       'Inter', 'DM Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

/* Global heading rule — h1 everywhere uses Blackout Midnight */
h1 { font-family: var(--font-h1); }

/* Utility classes (used inline or as overrides in templates) */
.font-h1         { font-family: var(--font-h1); }
.font-display    { font-family: var(--font-display); }
.font-hero       { font-family: var(--font-hero); }
.font-compressed { font-family: var(--font-compressed); }
.font-body       { font-family: var(--font-body); }