/* Dark theme — applied when , set by App.razor's inline script
(from the pms_theme cookie, or prefers-color-scheme on first visit). */
html[data-theme="dark"] {
--pms-bg: #171a20;
--pms-bg-alt: #1d2129;
--pms-canvas: #111419;
--pms-fg: #f0f1f3;
--pms-fg-muted: #a3a9b3;
--pms-border: #303640;
--pms-border-strong: #434b58;
--pms-accent: #77a0f4;
--pms-accent-fg: #0d1525;
--pms-danger: #ff6b62;
--pms-success: #70d792;
--pms-warning: #f1b85b;
--pms-focus-ring: color-mix(in srgb, var(--pms-accent) 28%, transparent);
--pms-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.22);
--pms-shadow-md: 0 10px 28px rgba(0, 0, 0, 0.28);
/* Compatibility aliases used by the Syncfusion grid skin. */
--pms-primary: var(--pms-accent);
--pms-panel: var(--pms-bg);
--pms-text: var(--pms-fg);
--pms-muted: var(--pms-fg-muted);
--pms-topbar-h: 52px;
--pms-sidebar-w: 260px;
--pms-sidebar-w-collapsed: 56px;
}
html[data-theme="dark"] body {
background-color: var(--pms-bg);
color: var(--pms-fg);
}