/* OpenDyslexic local font-face declarations
   Place the corresponding WOFF/WOFF2 files in the same folder:
   - OpenDyslexic3-Regular.woff2
   - OpenDyslexic3-Regular.woff
   - OpenDyslexic3-Bold.woff2
   - OpenDyslexic3-Bold.woff
   - OpenDyslexic3-Italic.woff2
   - OpenDyslexic3-Italic.woff
   - OpenDyslexic3-BoldItalic.woff2
   - OpenDyslexic3-BoldItalic.woff
*/

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

@font-face {
  font-family: 'OpenDyslexic';
    src: url('./OpenDyslexic-Bold.woff2') format('woff2'),
      url('./OpenDyslexic-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'OpenDyslexic';
    src: url('./OpenDyslexic-Italic.woff2') format('woff2'),
      url('./OpenDyslexic-Italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'OpenDyslexic';
    src: url('./OpenDyslexic-BoldItalic.woff2') format('woff2'),
      url('./OpenDyslexic-BoldItalic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* Optional: provide a fallback alias to the generic font-family used in the app */
:root {
  --font-open-dyslexic: 'OpenDyslexic', Arial, sans-serif;
}