:root{
/* base neutrals */
--bg:#131418;--bg-deep:#0d0e11;--surface:#1b1c22;--surface-2:#202127;
--border:rgba(255,255,255,.07);--border-soft:rgba(255,255,255,.04);
--text:#f2f2f0;--muted:#8b8d97;--muted-2:#63656e;
/* accents */
--teal:#2dd4bf;--purple:#8b7cf6;--lime:#b7f24c;--red:#f5564a;--orange:#f7a740;
/* control-panel widget palette — exact values from injectStyles() in ZoomNightShiftManager.user.js.
   Light is the DEFAULT theme; .zns-dark overrides below (verbatim source class name). */
--panel-bg:#fff;--panel-surface:#f5f5f7;--panel-border:#e8e8e8;--panel-text:#111;--panel-muted:#888;
--panel-accent:#0078D7;--panel-accent-hover:#005fa3;--panel-off:#d0d0d0;
--panel-inactive-bg:#e7e7ea;--panel-inactive-border:#dcdce0;
--panel-danger:#d63a3a;--panel-warn:#b36a00;--panel-ok:#006b34;
--panel-shadow:0 8px 32px rgba(0,0,0,.18);
/* back-compat aliases used by earlier component code */
--panel-input-bg:var(--panel-bg);--panel-btn-bg:var(--panel-bg);--panel-btn-border:var(--panel-border);
--panel-title:var(--panel-text);--panel-accent-blue:var(--panel-accent);--panel-accent-green:var(--panel-ok);
--panel-pause-start:var(--panel-danger);--panel-pause-end:var(--panel-danger);

/* semantic aliases */
--surface-page:var(--bg);
--surface-card:var(--surface);
--surface-card-alt:var(--surface-2);
--text-body:var(--text);
--text-muted:var(--muted);
--text-faint:var(--muted-2);
--border-default:var(--border);
--border-faint:var(--border-soft);
--accent-primary:var(--teal);
--accent-secondary:var(--purple);
--accent-tertiary:var(--lime);
--status-critical:var(--red);
--status-warning:var(--orange);
--status-active:var(--panel-accent-green);
--gradient-brand:linear-gradient(120deg,var(--teal),var(--purple));
--gradient-mark:linear-gradient(140deg,var(--teal),var(--purple));
--gradient-pause:linear-gradient(180deg,var(--panel-pause-start),var(--panel-pause-end));
}
/* control-panel dark mode — verbatim from source's .zns-dark override */
.zns-dark{
--panel-bg:#1c1c28;--panel-surface:#252536;--panel-border:#36364c;--panel-text:#e8e8f0;--panel-muted:#9090a8;
--panel-accent:#4eaaff;--panel-accent-hover:#72c0ff;--panel-off:#48485c;
--panel-inactive-bg:#16161f;--panel-inactive-border:#2b2b3d;
--panel-danger:#ff6b6b;--panel-warn:#ffb347;--panel-ok:#4cdb8a;
--panel-shadow:0 8px 32px rgba(0,0,0,.5);
--panel-input-bg:var(--panel-bg);--panel-btn-bg:var(--panel-bg);--panel-btn-border:var(--panel-border);
--panel-title:var(--panel-text);--panel-accent-blue:var(--panel-accent);--panel-accent-green:var(--panel-ok);
--panel-pause-start:var(--panel-danger);--panel-pause-end:var(--panel-danger);
}