/* ============================================================ Carvi — Selectable themes (layer over styles.css) Applied via . Switcher: js/theme.js Default (no attribute) falls back to the base styles.css look. ============================================================ */ /* ─────────────── LIGHT — cream editorial (ported from desktop redesign) ─────────────── */ html[data-theme="light"]{ --bg-0:#f1ece1; --bg-1:#ebe5d7; --bg-2:#e5decd; --bg-3:#dcd3bf; --bg-card:#fdfcf8; --bg-card-hover:#f7f4ec; --accent:#17150f; --accent-2:#6b6252; --accent-gradient:linear-gradient(135deg,#221f17 0%,#3a352a 100%); --text-1:#17150f; --text-2:#5d5748; --text-3:#9a9280; --border:rgba(23,21,15,0.13); --border-light:rgba(23,21,15,0.07); --shadow-sm:0 1px 3px rgba(23,21,15,0.07); --shadow-md:0 6px 24px rgba(23,21,15,0.10); --shadow-lg:0 20px 48px rgba(23,21,15,0.14); --glow:0 0 0 rgba(0,0,0,0); } html[data-theme="light"] body{ background-color:#f1ece1; background-image:none; color:var(--text-1); } html[data-theme="light"] .navbar{background:rgba(241,236,225,0.88);border-bottom:1px solid var(--border);} html[data-theme="light"] .nav-link{color:var(--text-2);} html[data-theme="light"] .nav-link.active{color:var(--text-1);background:rgba(23,21,15,0.07);} html[data-theme="light"] .badge-blue{background:rgba(23,21,15,0.07);color:var(--text-2);} html[data-theme="light"] .badge-purple{background:rgba(23,21,15,0.07);color:var(--text-2);} html[data-theme="light"] .search-input:focus, html[data-theme="light"] .select-custom:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(23,21,15,0.10);} html[data-theme="light"] .battle-card{background:var(--bg-card);border:1px solid var(--border);} html[data-theme="light"] .car-card, html[data-theme="light"] .vs-card, html[data-theme="light"] .vs-verdict, html[data-theme="light"] .vs-faq details, html[data-theme="light"] .vs-rel a, html[data-theme="light"] table.vs-tab{background:var(--bg-card);} html[data-theme="light"] .car-placeholder, html[data-theme="light"] .car-card-img{background:linear-gradient(135deg,#eee8db,#e4dccb);} html[data-theme="light"] .bg-text{color:rgba(23,21,15,0.05)!important;} html[data-theme="light"] .btn-primary, html[data-theme="light"] .pick-go{color:#f5f2ea;} /* Dark (racing) theme removed 2026-07-08 — the site is light-only. */