/* Centralized font-face declarations for the project.
   Place a single <link rel="stylesheet" href="/capstone/Styles/fonts.css"> in the <head>
   (or a relative path from pages) to load these local fonts.

   Notes:
   - Files live in the repository's Fonts/ folder.
   - Use font-display: swap for better UX.
*/

@font-face {
  font-family: 'Cedora';
  src: url('../Fonts/Cedora-RegularStd.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Cedora';
  src: url('../Fonts/Cedora-RegularItalicStd.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Cedora';
  src: url('../Fonts/Cedora-BoldStd.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Cedora';
  src: url('../Fonts/Cedora-BoldItalicStd.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Colmeak';
  src: url('../Fonts/Colmeak.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Optional: small utility to reference the primary site font consistently */
:root {
  /* Use the two local fonts only (Cedora for body, Colmeak as fallback/alternative)
     This variable intentionally does NOT include system fallbacks so the site will
     prefer only the provided font files. If the fonts fail to load, browsers will
     fall back to their default sans-serif. */
  --site-font: 'Cedora', 'Colmeak';
}

/* Apply the site font globally so pages using this file get the two fonts only */
html, body {
  font-family: var(--site-font);
}
