:root {
  color-scheme: light;
  --panel: #f5f5f7;
  --ink: #1d1d1f;
  --muted: #6e6e73;
  --brand: #006adb;
  --amber-soft: rgba(255, 178, 44, .14);
  --amber-line: rgba(200, 140, 30, .35);
  background: var(--panel);
}
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --panel: #000000;
    --ink: #f5f5f7;
    --muted: #a1a1a6;
    --brand: #2997ff;
    --amber-soft: rgba(255, 196, 102, .12);
    --amber-line: rgba(255, 196, 102, .3);
  }
}
a:focus-visible { outline: 2px solid var(--brand); outline-offset: 3px; }