:root {
  --color-bg: #000000;
  --color-text: #ffffff;
  --color-primary: #CFB16E;
  --color-border: rgba(255, 255, 255, 0.12);
  --a11y-font-scale: 1;
  --exercise-margin-x: 6vw;
}

@font-face {
  font-family: "MedievalSharp";
  src: url("../assets/fonts/MedievalSharp/MedievalSharp-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "OpenDyslexic";
  src: url("../assets/fonts/OpenDyslexic/OpenDyslexic-Regular.woff2") format("woff2"), url("../assets/fonts/OpenDyslexic/OpenDyslexic-Regular.woff") format("woff"), url("../assets/fonts/OpenDyslexic/OpenDyslexic-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Plus_Jakarta_Sans";
  src: url("../assets/fonts/Plus_Jakarta_Sans/PlusJakartaSans-VariableFont_wght.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
html {
  scrollbar-gutter: stable;
  background: var(--color-bg);
  color: var(--color-text) !important;
  overflow-x: hidden;
  font-size: calc(16px * var(--a11y-font-scale));
  font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
}

body, button, input, select, textarea {
  font: inherit;
  color: inherit;
}

html.theme-light {
  --color-bg: #f8f9fa;
  --color-text: #1a1a1a;
  --color-primary: #4f46e5;
  --color-border: rgba(0, 0, 0, 0.15);
}

html.a11y-readable-font,
html.a11y-readable-font body,
html.a11y-readable-font * {
  font-family: "OpenDyslexic", sans-serif, system-ui, sans-serif !important;
}

html.a11y-contrast-high {
  --color-border: #ffffff;
  --color-text: #ffffff;
  --color-primary: #ffffff;
}
html.a11y-contrast-high .btn-primary, html.a11y-contrast-high .btn-secondary, html.a11y-contrast-high .btn-ghost {
  border-width: 2px !important;
  border-color: #ffffff !important;
}

#blackoutOverlay {
  position: fixed;
  inset: 0;
  z-index: 500;
  background: #000;
  opacity: 0;
  pointer-events: none;
  transition: opacity 600ms ease;
}
#blackoutOverlay.visible {
  opacity: 1;
  pointer-events: auto;
}

#mainContent.blackout-active #dialogueSection {
  z-index: 600;
}

/*# sourceMappingURL=blackoutSection.css.map */