/*
 * Shared dark-mode palette. Every page defines its own light-mode `:root`
 * (colors vary intentionally by page/brand accent), then links this file
 * to pick up the matching dark values automatically via prefers-color-scheme
 * -- same variable names dashboard.html and the delegate-portal pages
 * already used, just centralized instead of duplicated per template.
 */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #14181f; --surface: #1c222c; --surface-alt: #242b35;
    --ink: #eef0f3; --ink-body: #d8dce2; --ink-muted: #97a1b0;
    --border: #333c48; --border-soft: #2a323c;
    --btn-bg: #e8ebf0; --btn-text: #14181f; --btn-bg-hover: #ffffff;
    --input-bg: #1c222c; --input-border: #3d4753;
    --shadow: 0 2px 8px rgba(0,0,0,.35);
    --accent: #6ea8ff; --accent-wash: rgba(110,168,255,.14);
  }
}