/* Shared system theme. CSS media queries also react to OS changes while open. */
:root { color-scheme: light dark; }

@media (prefers-color-scheme: light) {
  :root {
    --bg: #f6f8fc;
    --surface: #ffffff;
    --border: #cbd3df;
    --text: #1b2433;
    --muted: #526176;
    --accent: #175dcc;
    --accent-dim: rgba(23, 93, 204, 0.09);
    --success: #087443;
    --warn: #865400;
    --error: #c12d3b;
    --e2e: #086b9a;
    --e2e-skel: #6e42bc;
    --theme-bg: var(--bg);
    --theme-surface: var(--surface);
    --theme-inset: #edf1f7;
    --theme-toast: #ffffff;
    --theme-border: var(--border);
    --theme-text: var(--text);
    --theme-muted: var(--muted);
    --theme-accent: var(--accent);
    --theme-success: var(--success);
    --theme-warn: var(--warn);
    --theme-error: var(--error);
  }
  button.primary { color: #ffffff; }
}