/* Zyqual unified dark token layer — canonical. Surfaces toggle via document.documentElement[data-theme="dark"]
   and persist with localStorage "zq-zymail-dark". Per-surface dark extras may layer on top; tokens live here. */
[data-theme="dark"] {
  color-scheme: dark;
  --zq-bg: #0f1016;
  --zq-bg-soft: #14161f;
  --zq-surface-2: #1f2230;
  --zq-card-bg: #171923;
  --zq-card-border: rgba(255,255,255,0.08);
  --zq-border-soft: rgba(255,255,255,0.09);
  --zq-text: #e8eaf2;
  --zq-text-secondary: #9aa0b4;
  --zq-muted: #9aa0b4;
  --zq-primary: #bb86fc;
  --zq-primary-light: #cfa8ff;
  --zq-primary-soft: rgba(187,134,252,0.14);
  --zq-teal: #4dd0c4;
  --zq-yellow: #ffe082;
  --zq-success: #66bb6a;
  --zq-warning: #ffb74d;
  --zq-danger: #ef5350;
  --zq-info: #64b5f6;
  --zq-shadow-xs: 0 1px 2px rgba(0,0,0,0.5);
  --zq-shadow-sm: 0 2px 8px rgba(0,0,0,0.5);
  --zq-shadow-md: 0 6px 18px rgba(0,0,0,0.55);
  --zq-shadow-lg: 0 12px 32px rgba(0,0,0,0.6);
}
[data-theme="dark"] a { color: var(--zq-primary); }
[data-theme="dark"] a:hover { color: var(--zq-primary-light); }