/* Load after current-styles.css. Keeps the existing automatic theme model. */
:root {
  color-scheme: light;
  --bg: #F7F5F0;
  --fg: #14263D;
  --muted: #526174;
  --accent: #205A91;
  --accent-fg: #FFFFFF;
  --card: #FFFFFF;
  --border: #CCD3DC;
  --chip-bg: #ECEFF3;
  --chip-cat-bg: #E0EAF4;
  --brand-red: #B52F3B;
}
@media (prefers-color-scheme: dark) {
 :root {
 color-scheme: dark;
  --bg: #101923;
  --fg: #F3F1EC;
  --muted: #AAB8C8;
  --accent: #91BFF0;
  --accent-fg: #101923;
  --card: #182534;
  --border: #394B60;
  --chip-bg: #243346;
  --chip-cat-bg: #263F59;
  --brand-red: #FF8590;
 }
}
.site-header { border-top: 4px solid var(--brand-red); }
a:focus-visible, button:focus-visible { outline: 3px solid var(--accent); outline-offset: 4px; }