:root{
  --brand-title:#111; --surface:#fff; --text:#111; --border:rgba(0,0,0,.1);
  --shadow:0 2px 10px rgba(0,0,0,.04); --accent:#0d6efd; --muted:#6c757d;
}
@media (prefers-color-scheme: dark){
  :root{
    --surface:#121212; --text:#f1f1f1; --border:rgba(255,255,255,.12);
    --shadow:0 12px 24px rgba(0,0,0,.35); --accent:#8ab4f8; --muted:#9aa0a6;
  }
}