/*
 * Self-hosted font declarations.
 *
 * Registered under their literal family names ("DM Sans", "Azeret Mono",
 * "STIX Two Text", "DM Mono") so existing `fontFamily: 'DM Sans'` and Chakra
 * `fontFamily="DM Sans"` references resolve. `next/font/local` is intentionally
 * not used here because it generates internal family names (`__localFont_xxx`)
 * that those literal references cannot target.
 *
 * WOFF2 files live in `packages/ssr/public/fonts/` and are served at `/fonts/...`
 * by both Next.js and Storybook (per `staticDirs: ['../public']`).
 *
 * This stylesheet is a static asset (served at `/fonts.css`). `_document.tsx`
 * links it in ALL environments (via the `Fonts` component) so every instance —
 * local dev and deployed — runs entirely from these self-hosted files, with no
 * third-party Google Fonts CDN dependency. Storybook/Chromatic do not use this
 * file — they inline the same fonts as base64 data URIs via
 * `.storybook/preview-head.html`.
 */

@font-face {
  font-family: 'Azeret Mono';
  src: url('/fonts/azeret-mono-variable-latin.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DM Sans';
  src: url('/fonts/dm-sans-variable-latin.woff2') format('woff2');
  font-weight: 100 1000;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'STIX Two Text';
  src: url('/fonts/stix-two-text-variable-latin.woff2') format('woff2');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DM Mono';
  src: url('/fonts/dm-mono-300-latin.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DM Mono';
  src: url('/fonts/dm-mono-400-latin.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DM Mono';
  src: url('/fonts/dm-mono-500-latin.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}