:root {
    --bg-primary: #f0f2f5;
    --bg-secondary: #ffffff;
    --bg-tertiary: #eaeef2;
    --bg-elevated: #ffffff;
    --text-primary: #1f2328;
    --text-secondary: #656d76;
    --accent-blue: #0969da;
    --accent-blue-hover: #0550ae;
    --accent-blue-muted: rgba(9, 105, 218, 0.15);
    --accent-green: #1a7f37;
    --accent-green-hover: #116329;
    --accent-green-muted: rgba(26, 127, 55, 0.15);
    --accent-red: #cf222e;
    --accent-red-hover: #a40e26;
    --accent-red-muted: rgba(207, 34, 46, 0.15);
    --accent-yellow: #9a6700;
    --accent-yellow-hover: #7d4e00;
    --accent-yellow-muted: rgba(154, 103, 0, 0.15);
    --accent-purple: #8250df;
    --accent-purple-hover: #6639ba;
    --accent-purple-muted: rgba(130, 80, 223, 0.15);
    --border-primary: #d0d7de;
    --border-secondary: #eaeef2;
}
html { color-scheme: light; }
:root {
    --color-primary: var(--accent-blue);
    --color-primary-hover: var(--accent-blue-hover);
    --color-primary-muted: var(--accent-blue-muted);
    --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;
    /* 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-active-bg: var(--accent-blue-muted);
    --ux35-glass-blur: 0px;
    --ux35-glass-saturate: 1;
    --ux35-topbar-bg: var(--accent-blue);
    --ux35-topbar-fg: #ffffff;
    --ux35-topbar-fg-muted: rgba(255, 255, 255, 0.78);
}
:root {
    --surface-glass-blur: 16px;
    --surface-glass-saturate: 1.2;
    --surface-glass-bg-secondary: rgba(255, 255, 255, 0.55);
    --surface-glass-bg-tertiary: rgba(255, 255, 255, 0.63);
    --surface-glass-bg-elevated: rgba(255, 255, 255, 0.70);
    --surface-glass-border: rgba(255, 255, 255, 0.90);
    --card-bg: var(--surface-glass-bg-secondary);
    --sidebar-glass-bg-rail: rgba(255, 255, 255, 0.48);
    --sidebar-glass-bg-flyout: rgba(255, 255, 255, 0.58);
}