/* ============================================================ Theme Overrides Dark theme is default (defined in variables.css) Light theme applied via [data-theme="light"] on ============================================================ */ [data-theme="light"] { --bg-primary: #ffffff; --bg-secondary: #f6f8fa; --bg-tertiary: #eaeef2; --bg-elevated: #ffffff; --bg-input: #ffffff; --bg-hover: rgba(31, 35, 40, 0.04); --bg-active: rgba(31, 35, 40, 0.08); --text-primary: #1f2328; --text-secondary: #656d76; --text-tertiary: #8b949e; --text-link: #0969da; --text-inverse: #ffffff; --border-default: #d0d7de; --border-muted: #eaeef2; --border-subtle: rgba(31, 35, 40, 0.1); --accent-primary: #6639cc; --accent-primary-hover: #5530b3; --accent-secondary: #0969da; --accent-gradient: linear-gradient(135deg, #6639cc 0%, #0969da 100%); --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06); --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.08); --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12); --shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.16); --shadow-glow: 0 0 20px rgba(102, 57, 204, 0.1); } [data-theme="light"] ::-webkit-scrollbar-thumb { background: var(--border-default); } [data-theme="light"] ::selection { background: rgba(102, 57, 204, 0.2); }