/* Local Open Sans Font Definitions */

/* Open Sans Variable Font - supports width and weight variations */
@font-face {
  font-family: 'Open Sans';
  src: url('OpenSans/OpenSans.var.woff2') format('woff2-variations'),
       url('OpenSans/OpenSans-VariableFont_wdth,wght.ttf') format('truetype-variations');
  font-weight: 300 800;
  font-stretch: 75% 100%;
  font-display: swap;
}

/* Fallback: Open Sans Condensed Regular */
@font-face {
  font-family: 'Open Sans Condensed';
  src: url('OpenSans/static/OpenSans_Condensed-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Fallback: Open Sans Condensed Bold */
@font-face {
  font-family: 'Open Sans Condensed';
  src: url('OpenSans/static/OpenSans_Condensed-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Fallback: Open Sans Condensed Light */
@font-face {
  font-family: 'Open Sans Condensed';
  src: url('OpenSans/static/OpenSans_Condensed-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* CSS Custom Properties for easy font usage */
:root {
  --font-open-sans: 'Open Sans', 'Open Sans Condensed', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
}

/* Utility classes for condensed styling with variable font */
.font-condensed {
  font-family: var(--font-open-sans);
  font-stretch: 75%;
}

.font-semi-condensed {
  font-family: var(--font-open-sans);
  font-stretch: 87.5%;
}