:root { color-scheme: dark; --surface: rgba(15,23,42,.65); }
:root[data-theme="light"] {
    color-scheme: light;
    --bg-deep: #c8d4ea;
    --bg-panel: #ffffff;
    --text-primary: #172238;
    --text-secondary: #36465e;
    --text-muted: #52647d;
    --cyan: #087d93;
    --blue: #2563eb;
    --violet: #7440c8;
    --pink: #bb2875;
    --emerald: #047857;
    --amber: #996000;
    --border-soft: rgba(51,75,112,.18);
    --border-glow: rgba(37,99,235,.4);
    --surface: rgba(255,255,255,.82);
}
.theme-toggle {
    display: grid; place-items: center; flex-shrink: 0;
    width: 40px; height: 40px; padding: 0;
    border: 1px solid var(--border-soft, #7389a344); border-radius: 12px;
    background: var(--surface); color: var(--text-primary, #e2e8f0);
    font: 24px/1 system-ui, sans-serif; cursor: pointer;
    backdrop-filter: blur(16px); transition: background .2s, color .2s;
}
.theme-toggle:hover { border-color: var(--accent, #2563eb); }
.theme-toggle:focus-visible { outline: 2px solid var(--accent, #2563eb); outline-offset: 3px; }
[data-theme="light"] .bg-orb { opacity: .12; }
[data-theme="light"] #particles { opacity: .22; }
[data-theme="light"] .bg-grid { background-image: linear-gradient(#334b7010 1px,transparent 1px),linear-gradient(90deg,#334b7010 1px,transparent 1px); }
[data-theme="light"] :is(.lang-switcher,.home-role,.skill-cluster,.cluster-icon,.carousel-btn,.project-slide,.edu-card,.gpa-box,.course-tags span,.cert-item,.contact-card) { background: var(--surface); }
[data-theme="light"] .nav-item { opacity: 1; }
[data-theme="light"] .profile-photo-frame { background: linear-gradient(135deg,#e1eaf5,#f4f7fc); }
[data-theme="light"] :is(.home-name,.contact-headline) { background-image: linear-gradient(135deg,#172238,#36465e 45%,var(--accent)); }
[data-theme="light"] .project-tech span { color: #2355a7; background: #2563eb10; }
[data-theme="light"] .course-tags span { color: #6633ad; }
[data-theme="light"] .gpa-value { background-image: linear-gradient(135deg,#047857,#087d93); }
[data-theme="light"] .nav-rail { background: transparent; }
[data-theme="light"] :is(.ve-button,.ve-icon):hover { background: #dce6f5; color: #172238; }
[data-theme="light"] .ve-danger { color: #be123c; }
[data-theme="light"] :is(.ve-actions,.ve-toolbar,.ve-inline-bar,.ve-dialog,.ve-toast) { background: #ffffffed; color: #172238; border-color: #7389a344; box-shadow: 0 12px 40px #17223818; }
[data-theme="light"] :is(.ve-button,.ve-icon) { background: #edf2fa; color: #36465e; border-color: #7389a344; }
[data-theme="light"] :is(.ve-dialog h3,.ve-dialog-title,.ve-field,.ve-tech-item label,.ve-hint,.ve-empty) { color: #36465e; }
[data-theme="light"] :is(.ve-field input,.ve-field textarea,.ve-field select,.ve-field select option) { background: #f4f7fc; color: #172238; border-color: #7389a344; }
[data-theme="light"] :is(.ve-child,.ve-paragraph,.ve-tech-item,.ve-section-row,.ve-segment,.ve-nested,.ve-dialog footer) { border-color: #7389a333; }
.login-page > .theme-toggle { position: fixed; top: 24px; right: 28px; }
[data-theme="dark"] .login-page { background: linear-gradient(135deg,#0a0f1e,#172238); color: #e2e8f0; }
[data-theme="dark"] .login-card { background: #111827; border-color: #7389a344; }
[data-theme="dark"] .login-card :is(label,.eyebrow) { color: #a5b7cf; }
[data-theme="dark"] .login-card input { background: #0a0f1e; color: #e2e8f0; border-color: #7389a344; }
[data-theme="dark"] .login-card a { color: #93c5fd; }
@media(max-width:480px) { .top-controls { gap: 8px; } .theme-toggle { width: 34px; height: 34px; font-size: 21px; } }
@media(max-width:900px) { [data-theme="light"] .nav-rail { background: #f4f7fced; } }