/*
  styles/fonts.css

  Self-hosted font definitions to avoid loading fonts from external CDNs.
  Place the WOFF2 font files in the repository under the `fonts/` folder.

  Recommended filenames (place these exact names or update the paths below):
    - fonts/Fraunces-Variable.woff2
    - fonts/IBMPlexSans-Regular.woff2
    - fonts/IBMPlexSans-Medium.woff2
    - fonts/IBMPlexSans-SemiBold.woff2
    - fonts/IBMPlexMono-Regular.woff2

  You can download these from Google Fonts or the type foundry pages and convert to WOFF2 if necessary.
*/

@font-face {
  font-family: 'Fraunces';
  src: url('../fonts/Fraunces-Variable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'IBM Plex Sans';
  src: url('../fonts/IBMPlexSans-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'IBM Plex Sans';
  src: url('../fonts/IBMPlexSans-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'IBM Plex Sans';
  src: url('../fonts/IBMPlexSans-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'IBM Plex Mono';
  src: url('../fonts/IBMPlexMono-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Fallback system stacks for safety */
:root {
  --ff-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --ff-body: 'IBM Plex Sans', -apple-system, system-ui, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
  --ff-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, 'Courier New', monospace;
}