/* Exceptional Atlas: shared dark theme tokens. Each page adds a dark block
   for its own concept colors; figure code maps literal colors with EA.c()
   from lib/theme.js. */

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --text: #e8e6dd;
    --text-2: #a0a0b4;
    --accent: #60a5fa;
    --accent-light: #1e3a5f;
    --bg: #16161f;
    --fig-bg: #20202e;
    --border: #34344a;
  }
}

.figure [tabindex]:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.katex-display { overflow-x: auto; overflow-y: hidden; }

/* Wide tables in figures scroll sideways on a phone instead of being clipped. */
@media (max-width: 640px) {
  .figure table { display: block; overflow-x: auto; max-width: 100%; }
}