/* Option B Fonts: Anton (h1-h2), Aileron (h3-h5), TeX Gyre Termes (paragraphs) */

@font-face {
  font-family: 'Anton';
  src: url('/fonts/anton/Anton-subset.woff2') format('woff2'),
       url('/fonts/anton/Anton-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0020-007E;
}

@font-face {
  font-family: 'Anton-Fallback';
  src: local('Arial Black'), local('Impact');
  size-adjust: 105%;
  ascent-override: 90%;
  descent-override: 15%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'Aileron';
  src: url('/fonts/aileron/Aileron-subset.woff2') format('woff2'),
       url('/fonts/aileron/Aileron-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0020-007E, U+00A0-00FF;
}
@font-face {
  font-family: 'Aileron';
  src: url('/fonts/aileron/Aileron-Bold-subset.woff2') format('woff2'),
       url('/fonts/aileron/Aileron-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: optional;
  unicode-range: U+0020-007E, U+00A0-00FF;
}
@font-face {
  font-family: 'Aileron';
  src: url('/fonts/aileron/Aileron-SemiBold-subset.woff2') format('woff2'),
       url('/fonts/aileron/Aileron-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: optional;
  unicode-range: U+0020-007E, U+00A0-00FF;
}
@font-face {
  font-family: 'Aileron';
  src: url('/fonts/aileron/Aileron-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: optional;
}
@font-face {
  font-family: 'Aileron';
  src: url('/fonts/aileron/Aileron-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: optional;
}


/* Apply Option B font assignments globally */
h1, h2 {
  font-family: 'Anton', 'Anton-Fallback', sans-serif !important;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

h3, h4, h5 {
  font-family: 'Aileron', sans-serif !important;
}

/* Body uses system font stack only - no custom font on body prevents CLS cascade */
body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.badge-title, .badge-icon {
  font-family: 'Aileron', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em;
  font-style: normal !important;
}