/*
 * Font declarations. Static CSS — served from `public/`, NOT processed by webpack.
 * `url()` paths are relative to this file, so they resolve the same way for any publicPath.
 * Keep in sync with the `<link rel="preload">` tags in `public/index.html`.
 * Family names here must match the `--font-family` / `--font-family-mono` tokens
 * declared in `src/styles/common/variables.sass` — nothing validates this automatically.
 */

/* Cera Pro — primary family (--font-family) */

@font-face {
  font-family: 'Cera Pro';
  src: url('CeraPro-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Cera Pro';
  src: url('CeraPro-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Cera Pro';
  src: url('CeraPro-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Cera Pro';
  src: url('CeraPro-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Cera Pro';
  src: url('CeraPro-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Arial Monospaced — numeric/tabular family (--font-family-mono) */

@font-face {
  font-family: 'Arial Monospaced';
  src: url('ArialMonospaced.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Arial Monospaced';
  src: url('ArialMonospaced-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}