html[data-theme="light"] {
    color-scheme: light;
    --page-bg: #ffffff;
    --surface-bg: #ffffff;
    --surface-soft-bg: #faf9fd;
    --surface-hover-bg: #f4f1fb;
    --heading-color: #1e1e1e;
    --text-color: #1e1e1e;
    --muted-color: #78758a;
    --line-color: #ececf2;
    --shadow-color: rgba(70, 58, 95, 0.12);
    --switch-aura: linear-gradient(110deg, rgba(255, 255, 255, 0.3), rgba(255, 205, 73, 0.38), rgba(118, 186, 255, 0.22), rgba(255, 255, 255, 0.35));
    --switch-spark: linear-gradient(90deg, transparent, rgba(255, 204, 61, 0.7), rgba(119, 186, 255, 0.45), transparent);
}

html[data-theme="light"] .site-footer {
    border-color: var(--line-color);
    background: linear-gradient(180deg, #ffffff 0%, #fbfaff 100%);
}

html[data-theme="light"] .app-global-player-safe-area {
    background: #fbfaff;
}

html[data-theme="light"] .footer-bottom,
html[data-theme="light"] .footer-wave {
    border-color: var(--line-color);
}

html[data-theme="light"] .theme-switch {
    background: linear-gradient(120deg, #fffef9, #fff7dd 52%, #f4f9ff);
    border-color: #ead9aa;
    box-shadow: inset 0 1px 0 #ffffff, 0 8px 22px rgba(158, 115, 20, 0.12);
}

html[data-theme="light"] .header-search {
    background: #ffffff;
    border-color: #e5e3ec;
    box-shadow: 0 5px 18px rgba(71, 59, 96, 0.06), inset 0 1px 0 #ffffff;
}

html[data-theme="light"] .header-search input {
    color: #25232c;
}

html[data-theme="light"] .header-search input::placeholder {
    color: #93909f;
}

html[data-theme="light"] .header-search button {
    color: #292631;
}

html[data-theme="light"] .header-search button:hover {
    color: #6a42fd;
    background: #f7f4ff;
}

html[data-theme="light"] .headgrid .app-header-account [data-header-user] {
    border: 0;
    color: #272331;
    background: transparent;
    box-shadow: none;
}

html[data-theme="light"] .headgrid .app-header-account [data-header-user] a {
    border-color: var(--line-color) !important;
    background: var(--surface-soft-bg) !important;
    color: #272331 !important;
}

html[data-theme="light"] .headgrid .app-header-account [data-header-user] button {
    border-color: var(--line-color);
    background: var(--surface-soft-bg);
    color: #5c5569;
}

html[data-theme="light"] .headgrid .app-header-account [data-header-user] button:hover {
    color: #6540e8;
    background: #f4f1ff;
}

html[data-theme="light"] .headgrid div:not(:last-child) a,
html[data-theme="light"] .header-search {
    background: var(--surface-soft-bg);
}

html[data-theme="light"] .sidebarbox {
    background: #ffffff;
    border-color: #e7e2ef;
    box-shadow: var(--box-shadow);
}

html[data-theme="light"] .sidetitle {
    color: #211d2b;
    background: transparent;
}

html[data-theme="light"] .sidetitle-icon {
    color: #7548ef;
}

html[data-theme="light"] .app-comments-empty-icon {
    background: radial-gradient(circle, rgba(237, 232, 255, 0.72) 0%, rgba(248, 246, 255, 0.2) 64%, transparent 72%);
    filter: drop-shadow(0 9px 12px rgba(104, 83, 175, 0.15));
}

html[data-theme="light"] .download-item {
    color: #211d2b;
    background: #ffffff;
    border-color: #ebe7f1;
}

html[data-theme="light"] .download-item:hover {
    background: #fbfaff;
    border-color: #d9cff2;
}

html[data-theme="light"] .download-item-size {
    color: #9b95a7;
}

html[data-theme="light"] .download-item-button {
    color: #332d3e;
    background: #ffffff;
    border-color: #ebe7f1;
    box-shadow: 0 2px 8px rgba(34, 27, 52, 0.06);
}

html[data-theme="light"] .download-item:hover .download-item-button {
    color: #ffffff;
    background: #7548ef;
    border-color: #7548ef;
    box-shadow: none;
}

html[data-theme="light"] .theme-toggle {
    border-color: #f1d68a;
    background: #fff0b8;
    box-shadow: inset 0 2px 5px rgba(174, 125, 0, 0.1), 0 0 16px rgba(255, 199, 55, 0.16);
}

html[data-theme="light"] .theme-toggle span {
    left: 4px;
    background: linear-gradient(145deg, #fffdf4, #ffc83d);
    box-shadow: 0 3px 10px rgba(221, 158, 0, 0.3);
}

html[data-theme="light"] .theme-icon-sun {
    color: var(--primary-color);
    opacity: 1;
}

html[data-theme="light"] .slider-shadow {
    /* The overlay occupies the right-most 60%, behind the copy. */
    background: linear-gradient(90deg, rgba(251, 251, 251, 0) 0%, rgba(251, 251, 251, 0) 40%, rgba(251, 251, 251, .35) 65%, rgb(251, 251, 251) 100%);
}

html[data-theme="light"] .slider-artist {
    color: #1d1e1d;
    border-color: transparent;
    background: transparent;
    box-shadow: none;
}

html[data-theme="light"] .slider-artist div {
    color: #7e7f90;
    text-shadow: none;
}

/* Single music pages inherit white title colors from the dark theme. */
html[data-theme="light"] .single-artist h2:first-child,
html[data-theme="light"] .single-track-name a {
    color: #211d2b;
}

html[data-theme="light"] .single-artist-name,
html[data-theme="light"] .single-artist-link .ui-icon {
    color: #6c6679;
}

html[data-theme="light"] .single-track-name a:hover,
html[data-theme="light"] .single-track-name a:focus-visible,
html[data-theme="light"] .single-artist-name a:hover,
html[data-theme="light"] .single-artist-name a:focus-visible {
    color: #6540e8;
}

html[data-theme="light"] .item-slider-studio .studio-tag-more {
    color: #5836e4;
    border-color: #cfc3fd;
    background: #f8f6ff;
}