/* OpenDyslexic — self-hosted, no external font requests.
   Built as woff2 from the upstream TTFs (the package's own .woff files are
   subset to 231 characters). The face has no arrow or check glyphs, so those
   few symbols fall back per-character to the next family in the stack. */
@font-face {
  font-family: 'OpenDyslexic';
  src: url('OpenDyslexic-Regular.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'OpenDyslexic';
  src: url('OpenDyslexic-Bold.woff2') format('woff2');
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'OpenDyslexic';
  src: url('OpenDyslexic-Italic.woff2') format('woff2');
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
  font-family: 'OpenDyslexic';
  src: url('OpenDyslexic-BoldItalic.woff2') format('woff2');
  font-weight: 700; font-style: italic; font-display: swap;
}

:root {
  --font-ui: 'OpenDyslexic', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html, body { font-family: var(--font-ui); }
/* form controls do not inherit the page font on their own */
input, button, select, textarea { font-family: inherit; }