:root {
    --bg-primary: #ffffff;
    --bg-secondary: #f3f4f4;
    --bg-tertiary: #e8ebeb;
    --bg-elevated: #ffffff;
    --text-primary: #1b1e1f;
    --text-secondary: #566064;
    --accent-blue: #1b62cf;
    --accent-blue-hover: #1854b3;
    --accent-blue-muted: rgba(27, 98, 207, 0.15);
    --accent-green: #1c7a3b;
    --accent-green-hover: #135c2b;
    --accent-green-muted: rgba(28, 122, 59, 0.15);
    --accent-red: #b3261e;
    --accent-red-hover: #8c1d17;
    --accent-red-muted: rgba(179, 38, 30, 0.15);
    --accent-yellow: #875b00;
    --accent-yellow-hover: #6b4800;
    --accent-yellow-muted: rgba(135, 91, 0, 0.15);
    --accent-purple: #4a5a62;
    --accent-purple-hover: #36444b;
    --accent-purple-muted: rgba(74, 90, 98, 0.15);
    --border-primary: #7e888b;
    --border-secondary: #dde1e2;
}
@media (prefers-color-scheme: dark) {
:root {
    --bg-primary: #141616;
    --bg-secondary: #1b1e1e;
    --bg-tertiary: #262a2a;
    --bg-elevated: #1f2323;
    --text-primary: #e4e7e7;
    --text-secondary: #a3abad;
    --accent-blue: #58a6ff;
    --accent-blue-hover: #79b8ff;
    --accent-blue-muted: rgba(88, 166, 255, 0.15);
    --accent-green: #72c98c;
    --accent-green-hover: #8fd6a4;
    --accent-green-muted: rgba(114, 201, 140, 0.15);
    --accent-red: #ff8f80;
    --accent-red-hover: #ffaba0;
    --accent-red-muted: rgba(255, 143, 128, 0.15);
    --accent-yellow: #e3b85a;
    --accent-yellow-hover: #ecc97c;
    --accent-yellow-muted: rgba(227, 184, 90, 0.15);
    --accent-purple: #a9bcc4;
    --accent-purple-hover: #c2d1d7;
    --accent-purple-muted: rgba(169, 188, 196, 0.15);
    --border-primary: #6a7474;
    --border-secondary: #2c3131;
}
}
html { color-scheme: light dark; }
:root {
    --color-primary: var(--accent-blue);
    --color-primary-hover: var(--accent-blue-hover);
    --color-primary-muted: var(--accent-blue-muted);
    --accent-color: var(--accent-blue);
    --color-success: var(--accent-green);
    --color-success-hover: var(--accent-green-hover);
    --color-success-muted: var(--accent-green-muted);
    --color-danger: var(--accent-red);
    --color-danger-hover: var(--accent-red-hover);
    --color-danger-muted: var(--accent-red-muted);
    --color-warning: var(--accent-yellow);
    --color-warning-hover: var(--accent-yellow-hover);
    --color-warning-muted: var(--accent-yellow-muted);
    --color-info: var(--accent-purple);
    --color-info-hover: var(--accent-purple-hover);
    --color-info-muted: var(--accent-purple-muted);
    --color-surface: var(--bg-secondary);
    --color-surface-alt: var(--bg-primary);
    --color-surface-hover: var(--bg-tertiary);
    --color-surface-raised: var(--bg-elevated);
    --color-text: var(--text-primary);
    --color-text-muted: var(--text-secondary);
    --color-border: var(--border-primary);
    --focus-ring-color: var(--accent-blue-muted);
    color-scheme: light dark;
    /* UX 3.5 chrome aliases — solid surfaces (no glass/blur in this shell) */
    --ux35-bg: var(--bg-primary);
    --ux35-sidebar-bg: var(--bg-secondary);
    --ux35-card-bg: var(--bg-secondary);
    --ux35-border: var(--border-primary);
    --ux35-border-light: var(--border-secondary);
    --ux35-text: var(--text-primary);
    --ux35-muted: var(--text-secondary);
    --ux35-hover: var(--bg-hover);
    --ux35-primary: var(--accent-blue);
    --ux35-focus-ring: var(--accent-blue);
    --ux35-active-bg: var(--accent-blue-muted);
    --ux35-glass-blur: 0px;
    --ux35-glass-saturate: 1;
    /* UX 3.5 topbar chrome — theme-invariant (always dark) */
    --ux35-topbar-bg: #161b22;
    --ux35-topbar-fg: #e6edf3;
    --ux35-topbar-fg-muted: #8b949e;
    --ux35-topbar-border: #30363d;
}
:root {
    --surface-glass-blur: 0px;
    --surface-glass-saturate: 1;
    --surface-glass-bg-secondary: var(--bg-secondary);
    --surface-glass-bg-tertiary: var(--bg-tertiary);
    --surface-glass-bg-elevated: var(--bg-elevated);
    --surface-glass-border: var(--border-primary);
    --card-bg: var(--bg-secondary);
    --sidebar-glass-bg-rail: var(--sidebar-rail-bg);
    --sidebar-glass-bg-flyout: var(--sidebar-flyout-bg);
}