/* Source Sans Pro — woff2 first: every target browser supports it, and it is
   ~35% smaller than the woff fallback. The previous file listed .ttf first,
   so browsers downloaded the 32KB TTF instead of the 12KB woff2. */

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url('./source-sans-pro-v21-latin-200.woff2') format('woff2'),
    url('./source-sans-pro-v21-latin-200.woff') format('woff');
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('./source-sans-pro-v21-latin-300.woff2') format('woff2'),
    url('./source-sans-pro-v21-latin-300.woff') format('woff');
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./source-sans-pro-v21-latin-regular.woff2') format('woff2'),
    url('./source-sans-pro-v21-latin-regular.woff') format('woff');
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('./source-sans-pro-v21-latin-600.woff2') format('woff2'),
    url('./source-sans-pro-v21-latin-600.woff') format('woff');
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('./source-sans-pro-v21-latin-700.woff2') format('woff2'),
    url('./source-sans-pro-v21-latin-700.woff') format('woff');
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('./source-sans-pro-v21-latin-900.woff2') format('woff2'),
    url('./source-sans-pro-v21-latin-900.woff') format('woff');
}

/* Montserrat — only the weights the app actually uses (400/500/600/700/800,
   normal only; no italic Montserrat appears anywhere in src/). Still TTF because
   no woff2 build ships with these; converting them is a follow-up worth ~60%. */

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./Montserrat-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('./Montserrat-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('./Montserrat-SemiBold.ttf') format('truetype');
}

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

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('./Montserrat-ExtraBold.ttf') format('truetype');
}