/* Shared lavender accent; component colors come from the design tokens. */
html[data-theme="light"] .currency-switcher,
html[data-theme="light"] .theme-toggle {
    border-color: var(--border-strong) !important;
    background: var(--surface) !important;
    color: var(--accent) !important;
}

html[data-theme="light"] .currency-switcher span,
html[data-theme="light"] .currency-switcher select,
html[data-theme="light"] .top > div > a,
html[data-theme="light"] .top .register,
html[data-theme="light"] .top .auth-compact button,
html[data-theme="light"] .top .auth-compact span {
    color: var(--accent) !important;
}

html[data-theme="light"] .top .auth-compact button:hover {
    color: var(--accent-hover) !important;
}

html[data-theme="light"] .top .basket,
html[data-theme="light"] .top .account-nav {
    border-color: var(--accent) !important;
    background: linear-gradient(135deg, #8868dc, var(--accent)) !important;
    color: #f8f6fb !important;
    box-shadow: 0 8px 20px rgba(104, 71, 194, .22) !important;
}

html[data-theme="light"] .top .basket:hover,
html[data-theme="light"] .top .account-nav:hover {
    background: linear-gradient(135deg, #9476e3, var(--accent-hover)) !important;
}

html[data-theme="light"] .top .basket b {
    background: rgba(248, 246, 251, .24) !important;
    color: #f8f6fb !important;
}