/* Local Font Declarations */

/* OldschoolGrotesk Regular - replaces Roboto Condensed Regular */
@font-face {
  font-family: 'OldschoolGrotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('OldschoolGrotesk'), 
       url('../fonts/WOFF2/OldschoolGrotesk_W-Regular.woff2') format('woff2'),
       url('../fonts/WOFF/OldschoolGrotesk_W-Regular.woff') format('woff');
}

/* OldschoolGrotesk medium - replaces Roboto Condensed medium */
@font-face {
  font-family: 'OldschoolGrotesk';
  font-style: medium;
  font-weight: 500;
  font-display: swap;
  src: local('OldschoolGrotesk'), 
       url('../fonts/WOFF2/OldschoolGrotesk_W-Medium.woff2') format('woff2'),
       url('../fonts/WOFF/OldschoolGrotesk_W-Medium.woff') format('woff');
}

/* OldschoolGrotesk Italic - replaces Roboto Condensed Italic */
@font-face {
  font-family: 'OldschoolGrotesk';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('OldschoolGrotesk Italic'), 
       url('../fonts/WOFF2/OldschoolGrotesk_W-Italic.woff2') format('woff2'),
       url('../fonts/WOFF/OldschoolGrotesk_W-Italic.woff') format('woff');
}

/* OldschoolGrotesk Light - replaces Roboto Condensed Light */
@font-face {
  font-family: 'OldschoolGrotesk';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('OldschoolGrotesk Light'), 
       url('../fonts/WOFF2/OldschoolGrotesk_W-Light.woff2') format('woff2'),
       url('../fonts/WOFF/OldschoolGrotesk_W-Light.woff') format('woff');
}

/* OldschoolGrotesk Light Italic - replaces Roboto Condensed Light Italic */
@font-face {
  font-family: 'OldschoolGrotesk';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local('OldschoolGrotesk Light Italic'), 
       url('../fonts/WOFF2/OldschoolGrotesk_W-LightItalic.woff2') format('woff2'),
       url('../fonts/WOFF/OldschoolGrotesk_W-LightItalic.woff') format('woff');
}

/* OldschoolGrotesk Bold - replaces Roboto Condensed Bold */
@font-face {
  font-family: 'OldschoolGrotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('OldschoolGrotesk Bold'), 
       url('../fonts/WOFF2/OldschoolGrotesk_W-Bold.woff2') format('woff2'),
       url('../fonts/WOFF/OldschoolGrotesk_W-Bold.woff') format('woff');
}

/* OldschoolGrotesk Bold Italic - replaces Roboto Condensed Bold Italic */
@font-face {
  font-family: 'OldschoolGrotesk';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local('OldschoolGrotesk Bold Italic'), 
       url('../fonts/WOFF2/OldschoolGrotesk_W-BoldItalic.woff2') format('woff2'),
       url('../fonts/WOFF/OldschoolGrotesk_W-BoldItalic.woff') format('woff');
}

/* OldschoolGroteskCompressed - replaces Bebas Neue */
@font-face {
  font-family: 'OldschoolGroteskCompressed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('OldschoolGroteskCompressed'), 
       url('../fonts/WOFF2/OldschoolGroteskCompressed_W-Bold.woff2') format('woff2'),
       url('../fonts/WOFF/OldschoolGroteskCompressed_W-Bold.woff') format('woff');
}

/* OldschoolGroteskCondensed - secondary condensed font */
@font-face {
  font-family: 'OldschoolGroteskCondensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('OldschoolGroteskCondensed'), 
       url('../fonts/WOFF2/OldschoolGroteskCondensed_W-Regular.woff2') format('woff2'),
       url('../fonts/WOFF/OldschoolGroteskCondensed_W-Regular.woff') format('woff');
}

/* Variable font options - modern browsers */
@font-face {
  font-family: 'OldschoolGroteskVar';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/WOFF2/OldschoolGroteskVar_W.woff2') format('woff2-variations');
}

/* Since we don't appear to have Noto Serif Tibetan in the local fonts,
   we'll keep loading it from Google Fonts in the HTML */

/* Root variables for easy font references */
:root {
  --font-primary: 'OldschoolGrotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-heading: 'OldschoolGroteskCompressed', Impact, sans-serif;
  --font-condensed: 'OldschoolGroteskCondensed', 'Arial Narrow', sans-serif;
  --font-variable: 'OldschoolGroteskVar', var(--font-primary);
  --font-tibetan: 'Noto Serif Tibetan', serif;
}

/* Global font application */
body {
  font-family: var(--font-primary);
}

h1, h2, h3, .display-1, .display-2, .display-3, .display-4, .header-title {
  font-family: var(--font-heading);
}

.condensed-text {
  font-family: var(--font-condensed);
}

.tibetan-text {
  font-family: var(--font-tibetan);
}

/* For browsers that support variable fonts */
@supports (font-variation-settings: normal) {
  body {
    font-family: var(--font-variable);
  }
}