:root {
  color-scheme: dark;
  --smi-bg: #3c425d;
  --smi-panel: #4a506d;
  --smi-raised: #515772;
  --smi-text: #f4f5f0;
  --smi-muted: #e0e2eb;
  --smi-accent: #cdd0ff;
  --smi-line: #777c95;
  --smi-primary-text: #182c31;
  --smi-ok: #a5f0c2;
  --smi-warn: #ffe5a0;
  --smi-danger: #ffcabf;
}
:root[data-sandimi-theme="light"] {
  color-scheme: light;
  --smi-bg: #f4f5f0;
  --smi-panel: #eaeae5;
  --smi-raised: #e0e1dc;
  --smi-text: #3c425d;
  --smi-muted: #4c5265;
  --smi-accent: #51578d;
  --smi-line: #b3b5b9;
  --smi-primary-text: #ffffff;
  --smi-ok: #195936;
  --smi-warn: #624b06;
  --smi-danger: #9d2920;
}
[data-theme-toggle] { cursor: pointer; white-space: nowrap; font: inherit; padding: 8px 12px; border: 1px solid var(--smi-line); border-radius: 24px; color: var(--smi-text); background: var(--smi-panel); }
[data-theme-toggle]:hover { border-color: var(--smi-accent); }
[data-theme-toggle]:focus-visible { outline: 3px solid var(--smi-accent); outline-offset: 3px; }
[data-theme-status] { font-size: 12px; color: var(--smi-danger); max-width: 420px; }
[data-theme-status]:empty { display: none; }
@media (prefers-reduced-motion: reduce) { .smi-brand-art * { animation: none !important; } }