/* These styles are generated from project.scss. */

.alert-debug {
  color: black;
  background-color: white;
  border-color: #d6e9c6;
}

.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

/* ── Accessibility: text size ───────────────────────────────────────────── */
html[data-a11y-text="large"] {
  font-size: 112.5%;
}

html[data-a11y-text="extra-large"] {
  font-size: 125%;
}

/* ── Accessibility: contrast ────────────────────────────────────────────── */
html[data-a11y-contrast="high"] {
  filter: contrast(1.4);
}

html[data-a11y-contrast="low"] {
  filter: contrast(0.75);
}

/* ── Dark theme — Bulma v1 handles this natively via data-theme="dark" ──── */
/* Just set color-scheme so browser chrome (scrollbars, inputs) matches.    */
html[data-theme="dark"] { color-scheme: dark; }
@media (prefers-color-scheme: dark) {
  html[data-theme="system"] { color-scheme: dark; }
}
/* ── Accessibility: motion ──────────────────────────────────────────────── */
html[data-a11y-motion="reduced"] *,
html[data-a11y-motion="reduced"] *::before,
html[data-a11y-motion="reduced"] *::after {
  animation-duration: 0.01ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: 0.01ms !important;
  scroll-behavior: auto !important;
}