/* ============================================================ NEW SOUND STUDIO — Light Theme (light.css) Applied via [data-theme="light"] on ============================================================ */ [data-theme="light"] { --bg: #F5F2EC; --bg-card: #FFFFFF; --bg-hover: #F0EDE8; --text: #060606; --text-muted: #555555; --text-faint: #888888; --border: #D8D4CE; --border-dim: #E8E4DE; --accent: #C49930; /* slightly deeper gold for legibility on light */ --accent-dim: #9A7420; --nav-bg: rgba(245,242,236,0.94); --input-bg: #FFFFFF; --input-border: #D8D4CE; --code-bg: #F0EDE8; } [data-theme="light"] body { background: #F5F2EC; color: #060606; } [data-theme="light"] .nav { background: rgba(245,242,236,0.94); border-bottom-color: #D8D4CE; } [data-theme="light"] .nav__theme-btn .icon-sun { display: none; } [data-theme="light"] .nav__theme-btn .icon-moon { display: block; } [data-theme="light"] .nav__link { color: #555555; } [data-theme="light"] .nav__link:hover, [data-theme="light"] .nav__link.active { color: #060606; } [data-theme="light"] .nav__lang-toggle { color: #555555; } [data-theme="light"] .nav__lang-toggle .sep { color: #D8D4CE; } [data-theme="light"] .trust-bar { background: #EDEAE4; border-color: #D8D4CE; } [data-theme="light"] .hero__bg { background: radial-gradient(ellipse 80% 60% at 60% 50%, rgba(196,153,48,0.08) 0%, transparent 70%); } [data-theme="light"] .card, [data-theme="light"] .pain-card { background: #FFFFFF; border-color: #E8E4DE; box-shadow: 0 1px 6px rgba(0,0,0,.06); } [data-theme="light"] .card:hover, [data-theme="light"] .pain-card:hover { border-color: #C49930; box-shadow: 0 4px 16px rgba(0,0,0,.1); } [data-theme="light"] .pain-card::before { background: linear-gradient(135deg, rgba(196,153,48,.05) 0%, transparent 60%); } [data-theme="light"] .product-card__image { background: #E8E4DE; } [data-theme="light"] .product-card__placeholder { color: #C49930; } [data-theme="light"] .form-input { background: #FFFFFF; border-color: #D8D4CE; color: #060606; } [data-theme="light"] .form-input:focus { border-color: #C49930; box-shadow: 0 0 0 3px rgba(196,153,48,.15); } [data-theme="light"] .modal { background: #FFFFFF; border-color: #D8D4CE; } [data-theme="light"] .modal-overlay { background: rgba(245,242,236,.85); } [data-theme="light"] .footer { background: #EDEAE4; border-top-color: #D8D4CE; } [data-theme="light"] .footer__bottom { border-top-color: #D8D4CE; } [data-theme="light"] .nav__hamburger span { background: #060606; } [data-theme="light"] .nav__mobile-menu { background: #F5F2EC; } [data-theme="light"] .push-prompt, [data-theme="light"] .toast { background: #FFFFFF; border-color: #D8D4CE; color: #060606; } /* Launch banner: gold on gold bg — darken slightly */ [data-theme="light"] .launch-banner { background: linear-gradient(90deg, #9A7420, #C49930, #9A7420); color: #F5F2EC; } [data-theme="light"] .launch-banner__close { color: #F5F2EC; } /* Gold accent */ [data-theme="light"] .text-gold { color: #C49930; } [data-theme="light"] .tag { background: rgba(196,153,48,.12); color: #9A7420; border-color: rgba(196,153,48,.3); } /* Scrollbar (Webkit) */ [data-theme="light"] ::-webkit-scrollbar { width: 6px; height: 6px; } [data-theme="light"] ::-webkit-scrollbar-track { background: #F0EDE8; } [data-theme="light"] ::-webkit-scrollbar-thumb { background: #D8D4CE; border-radius: 3px; } [data-theme="light"] ::-webkit-scrollbar-thumb:hover { background: #C49930; } /* Selection */ [data-theme="light"] ::selection { background: rgba(196,153,48,.2); color: #060606; } /* Skeletons */ [data-theme="light"] .skeleton { background: linear-gradient(90deg, #E8E4DE 25%, #D8D4CE 50%, #E8E4DE 75%); background-size: 200% 100%; } /* Admin sidebar in light mode */ [data-theme="light"] .admin-sidebar { background: #EDEAE4; border-right-color: #D8D4CE; } [data-theme="light"] .admin-table th { background: #F0EDE8; color: #555555; } [data-theme="light"] .admin-table td { border-bottom-color: #E8E4DE; } [data-theme="light"] .admin-table tr:hover td { background: #F8F5F0; }