/* ==========================================================================
   SPIN & SWING CUSTOM TYPOGRAPHY
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Eaglore Headline Font (Uppercase)
   -------------------------------------------------------------------------- */
@font-face {
  font-family: 'Eaglore';
  src: url('../fonts/eaglore.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Eaglore';
  src: url('../fonts/eaglore.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* --------------------------------------------------------------------------
   2. Bahnschrift SemiCondensed Family (Body Typography)
   -------------------------------------------------------------------------- */
@font-face {
  font-family: 'Bahnschrift SemiCondensed';
  src: url('../fonts/Bahnschrift Light SemiCondensed.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bahnschrift SemiCondensed';
  src: url('../fonts/Bahnschrift SemiLight SemiCondensed.otf') format('opentype');
  font-weight: 350;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bahnschrift SemiCondensed';
  src: url('../fonts/Bahnschrift SemiCondensed.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bahnschrift SemiCondensed';
  src: url('../fonts/Bahnschrift SemiBold SemiCondensed.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bahnschrift SemiCondensed';
  src: url('../fonts/Bahnschrift Bold SemiCondensed.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* --------------------------------------------------------------------------
   Global Root CSS Variables
   -------------------------------------------------------------------------- */
:root {
  --font-headline: 'Eaglore', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-display: 'Eaglore', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-serif: 'Eaglore', Georgia, serif;
  --font-body: 'Bahnschrift SemiCondensed', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-sans: 'Bahnschrift SemiCondensed', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-geist: 'Bahnschrift SemiCondensed', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'JetBrains Mono', 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --footer-font-serif: 'Eaglore', serif;
}

/* --------------------------------------------------------------------------
   Global Typographic Defaults
   -------------------------------------------------------------------------- */
body {
  font-family: var(--font-body) !important;
  font-weight: 350;
  letter-spacing: 0.01em;
}

/* ONLY H1 and H2 use Eaglore in Uppercase */
h1,
h2,
h1.section-heading,
h2.section-heading,
h1.section-heading-serif,
h2.section-heading-serif,
.hero-title,
.services-hero__title,
.hub-heading,
.research-heading,
.footer-hero-tagline {
  font-family: var(--font-headline) !important;
  /* text-transform: uppercase !important; */
  letter-spacing: 0px !important;
}

/* H3, H4, H5, H6 and all subheadings use Bahnschrift SemiCondensed */
h3,
h4,
h5,
h6,
.section-subheading-serif,
.how-it-works-scroll__stage-title,
.cta-banner__title,
.footer-org-name,
.footer-col-title,
.team-card__name,
.team-card-name,
.advisory-card__name,
.dropdown-col-header,
.hub-tag,
.research-tag,
.section-mono-tag {
  font-family: var(--font-body) !important;
}

p,
span,
a,
button,
input,
select,
textarea,
li,
label {
  font-family: var(--font-body);
}