/* Optional light palette. Images keep their original colors. */
html[data-theme="light"] {
    color-scheme: light;
    --bg: #f6f8fc;
    --panel: #ffffff;
    --panel-raised: #edf2f8;
    --line: #d2dce9;
    --text: #172339;
    --muted: #536176;
    --accent: #225eae;
    --red: #d82b3e;
    --red-light: #a42535;
    --blue: #2567c7;
    --gradient-red: #d1273a;
    --gradient-blue: #205db8;
    --emphasis-blue: #205db8;
}

html[data-theme="light"] body {
    background: var(--bg);
}

html[data-theme="light"] :is(.site-header, .header-contact, .mobile-menu > summary) {
    border-color: var(--line);
}

html[data-theme="light"] .site-header {
    background: #ffffff;
}

html[data-theme="light"] :is(.eyebrow, .hero-copy .eyebrow, .desktop-nav, .nav-soon, .hero-description, .hero-note, .strip-inner > span, .feature-card-top > span:last-child, .development-note, .workflow-steps p, .team-card p, .site-footer > span) {
    color: var(--muted);
}

html[data-theme="light"] .team-card .text-link {
    color: #225eae;
}

html[data-theme="light"] .nav-soon {
    background: #f0f4f9;
    border-color: #d2dce9;
}

html[data-theme="light"] .tiny-wave i {
    background: #61718a;
}

html[data-theme="light"] .hero-visual::before {
    background: radial-gradient(ellipse at 15% 24%, #ad25351a, transparent 54%),
                radial-gradient(ellipse at 81% 65%, #2567c725, transparent 62%);
}

html[data-theme="light"] .orbit-one { border-color: #c2909938; }
html[data-theme="light"] .orbit-two { border-color: #8facd247; }

html[data-theme="light"] .app-window {
    background: #ffffff;
    border-color: #b7c8de;
    box-shadow: 0 28px 70px #19345a18;
}

html[data-theme="light"] .window-bar {
    background: #edf2f8;
    border-color: #d2dce9;
    color: #536176;
}

html[data-theme="light"] .app-sidebar {
    background: #f6f8fb;
    border-color: #d2dce9;
    color: #5a6e88;
}

html[data-theme="light"] .sidebar-active {
    background: #f6e5e8;
    color: #a42535;
}

html[data-theme="light"] :is(.sidebar-avatar, .credit-avatar) {
    background: #e1e8f2;
    color: #3e526e;
}

html[data-theme="light"] .project-artwork {
    box-shadow: 0 4px 12px #1723391f, 0 10px 22px #17233914;
}

html[data-theme="light"] :is(.project-breadcrumb, .project-type, .project-tags small, .preview-tabs, .master-file div > span, .waveform-labels, .project-credits div > span, .floating-card div > span, .preview-caption, .mini-files small, .mini-metadata span, .collection-top, .collection-preview > p, .collection-progress > b, .track-number, .track-list div > span, .collection-footer) {
    color: #536176;
}

html[data-theme="light"] :is(.project-breadcrumb strong, .project-tags, .strip-inner > div, .platform-symbol) {
    color: var(--text);
}

html[data-theme="light"] :is(.preview-tabs, .project-credits, .mini-files > div, .mini-releases > div, .track-list li, .preview-caption > b) {
    border-color: #dce4ef;
}

html[data-theme="light"] .preview-tab-active {
    color: #225eae;
    border-color: #2567c7;
}

html[data-theme="light"] .preview-tabs b {
    background: #e4ebf5;
    color: #3e526e;
}

html[data-theme="light"] :is(.badge-green, .final-tag, .mini-files b, .track-state.in-progress) {
    background: #e2edfc;
    color: #215696;
}

html[data-theme="light"] .badge > span { background: #2567c7; }

html[data-theme="light"] .file-icon {
    background: #e8f0fc;
    border-color: #c4d6ef;
    color: #225eae;
}

html[data-theme="light"] .waveform > i { background: #367bda; }
html[data-theme="light"] .waveform > i:nth-of-type(n+28) { background: #c0d1e8; }
html[data-theme="light"] .waveform-position { background: #9a2434; }
html[data-theme="light"] .project-credits > .icon { color: #225eae; }

html[data-theme="light"] .floating-card {
    background: #ffffff;
    border-color: #c2cfe0;
    box-shadow: 0 15px 40px #19345a14;
}

html[data-theme="light"] .release-card .float-icon {
    background: #e2edfc;
    color: #225eae;
}

html[data-theme="light"] .release-card i,
html[data-theme="light"] .release-state { color: #215696; }

html[data-theme="light"] .asset-card .float-icon {
    background: #f7e5e8;
    color: #a42535;
}

html[data-theme="light"] .asset-count {
    background: #edf2f8;
    color: #3e526e;
}

html[data-theme="light"] .preview-caption > span { background: #61718a; }

html[data-theme="light"] :is(.project-strip, .workflow-section) {
    background: #edf2f8;
    border-color: #d6e0ee;
}

html[data-theme="light"] .project-strip .icon { color: #536b8e; }
html[data-theme="light"] .project-strip .strip-inner > div:first-of-type .icon { color: #a42535; }
html[data-theme="light"] .project-strip .strip-inner > div:last-of-type .icon { color: #225eae; }

html[data-theme="light"] .feature-card {
    background: #ffffff;
    border-color: #d2dce9;
}

html[data-theme="light"] .feature-card:nth-child(1) .feature-icon {
    color: #a42535;
    background: #f9eaed;
    border-color: #eac8ce;
}

html[data-theme="light"] .feature-card:nth-child(2) .feature-icon {
    color: #496486;
    background: #edf2f8;
    border-color: #cdd9e8;
}

html[data-theme="light"] .feature-card:nth-child(3) .feature-icon {
    color: #225eae;
    background: #e8f0fc;
    border-color: #c4d6ef;
}

html[data-theme="light"] :is(.mini-files, .mini-metadata, .mini-releases) {
    background: #f6f8fc;
    border-color: #dce4ef;
}

html[data-theme="light"] .mini-files .icon { color: #536b8e; }
html[data-theme="light"] .platform-symbol.youtube { background: #536b8e; color: #ffffff; }
html[data-theme="light"] .release-pending { color: #993744; }
html[data-theme="light"] .release-pending > i { border-color: #993744; }

html[data-theme="light"] .collection-preview {
    background: #ffffff;
    border-color: #c2cfe0;
    box-shadow: 0 25px 45px #19345a0c;
}

html[data-theme="light"] .collection-icon {
    background: #f7e5e8;
    color: #a42535;
}

html[data-theme="light"] .collection-heading > span {
    background: #f0f4f9;
    border-color: #d2dce9;
    color: #536176;
}

html[data-theme="light"] .collection-progress > span { background: #dce5f1; }
html[data-theme="light"] .collection-progress i { background: #2b8a4b; }
html[data-theme="light"] .track-state.done { background: #e0f3e7; color: #21683b; }
html[data-theme="light"] .track-state.mixing { background: #f7e5e8; color: #993744; }
html[data-theme="light"] .track-state.idea { background: #edf2f8; color: #536176; }
html[data-theme="light"] .workflow-steps li > span { color: #225eae; border-color: #b9cde8; }

html[data-theme="light"] .future-tags > span {
    background: #edf2f8;
    color: #496486;
    border-color: #cdd9e8;
}

html[data-theme="light"] .team-card {
    background: linear-gradient(135deg, #ffffff, #e8f0fc);
    border-color: #c5d4e8;
}

html[data-theme="light"] .team-card-icon { color: #225eae; }
html[data-theme="light"] .planned-label { color: #215696; border-color: #b9cde8; }

html[data-theme="light"] .contact-panel {
    background: linear-gradient(112deg, #fdf5f6 0%, #f4f7fc 58%, #eaf2fe 100%);
    color: var(--text);
    border-color: #d2dce9;
}

html[data-theme="light"] :is(.contact-panel .eyebrow, .contact-panel p, .contact-action > span:last-child) {
    color: #536176;
}

html[data-theme="light"] .contact-panel h2 > span { color: #225eae; }
html[data-theme="light"] .contact-panel a:focus-visible { outline-color: #225eae; }

html[data-theme="light"] .mobile-menu nav {
    background: #ffffff;
    border-color: #c2cfe0;
    box-shadow: 0 20px 40px #19345a20;
}

html[data-theme="light"] .theme-toggle {
    background: #e8f0fc;
    color: #225eae;
    border-color: #b9cde8;
}

html[data-theme="light"] .theme-toggle:hover { background: #d9e8fc; }
html[data-theme="light"] .theme-toggle .icon { fill: #bed6fa; }

html[data-theme="light"] .button-outline {
    border-color: #8099b9;
    background: transparent;
    color: #254d81;
}
html[data-theme="light"] .button-outline:hover:not(:disabled) {
    border-color: #426ba2;
    background: #e8f0fc;
    color: #163a6b;
}