/* La Mercedes · modo oscuro.
   Parte 1: traducción de cada color de las hojas claras, generada a partir de home.css,
   catalog.css, commercial.css, cuenta.css e inicio.css. Si cambias un color allí, hay que regenerarla. */
/* --- home.css (68 reglas) --- */
html[data-theme=dark] body{background:#131619;color:#e1e3e5}
html[data-theme=dark] button:focus-visible,html[data-theme=dark] a:focus-visible,html[data-theme=dark] summary:focus-visible{outline:3px solid #12add6}
html[data-theme=dark] ::selection{background:#12add6;color:#ffffff}
html[data-theme=dark] .header{border-bottom:1px solid #30363b;background:#131619}
html[data-theme=dark] .header nav a{color:#acb3b8}
html[data-theme=dark] .header nav a:hover,html[data-theme=dark] .header nav a.current{color:#e1e3e5}
html[data-theme=dark] .header nav .current:after{background:#12add6}
html[data-theme=dark] .contact{border:1px solid #32383d}
html[data-theme=dark] .contact span{color:#12add6}
html[data-theme=dark] .hero{background:#181d20}
html[data-theme=dark] .eyebrow>span{background:#12add6}
html[data-theme=dark] h1 em{color:#12add6}
html[data-theme=dark] .hero-copy p{color:#abb3b8}
html[data-theme=dark] .primary{background:#12add6;color:#ffffff}
html[data-theme=dark] .primary:hover{background:#0997be}
html[data-theme=dark] .textlink{border-bottom:1px solid #343a3f}
html[data-theme=dark] .textlink:hover{color:#12add6}
html[data-theme=dark] .hero-image:after{background:linear-gradient(90deg,#181d20 0%,#181d20b0 15%,transparent 39%)}
html[data-theme=dark] .image-caption{color:#bcc2c6}
html[data-theme=dark] .caption-line{background:#12add6}
html[data-theme=dark] .reference{color:#a4acb1}
html[data-theme=dark] .hero-bottom{border-top:1px solid #31383c}
html[data-theme=dark] .hero-bottom>span{color:#a3abb1}
html[data-theme=dark] .hero-bottom i{color:#8d979e}
html[data-theme=dark] .hero-bottom>a{border:1px solid #33393e;color:#12add6}
html[data-theme=dark] .section-heading p{color:#a7afb4}
html[data-theme=dark] .option-card{background:#181d20}
html[data-theme=dark] .number{color:#aab1b7}
html[data-theme=dark] .option-icon{color:#12add6}
html[data-theme=dark] .option-card p{color:#a7afb4}
html[data-theme=dark] .dark{background:#23292e;color:#f2f3f4}
html[data-theme=dark] .dark .number,html[data-theme=dark] .dark p{color:#929ba2}
html[data-theme=dark] .dark .textlink{color:#f2f3f4;border-color:#3c4349}
html[data-theme=dark] .dark .textlink span{color:#12add6}
html[data-theme=dark] .process{border-top:1px solid #30363b}
html[data-theme=dark] .steps article{border-top:1px solid #31383c}
html[data-theme=dark] .steps span{color:#12add6}
html[data-theme=dark] .steps p{color:#a7afb4}
html[data-theme=dark] .closing{background:#132024}
html[data-theme=dark] .closing .eyebrow{color:#a0c3cc}
html[data-theme=dark] .closing p{color:#a7afb4}
html[data-theme=dark] .faq details{border-bottom:1px solid #31373b}
html[data-theme=dark] .faq summary span{color:#12add6}
html[data-theme=dark] .faq details p{color:#a9b1b6}
html[data-theme=dark] footer{border-top:1px solid #31373b}
html[data-theme=dark] footer>p{color:#9ca4aa}
html[data-theme=dark] footer>span i{color:#12add6}
html[data-theme=dark] .footer-bottom{border-top:1px solid #30363a;color:#98a1a8}
html[data-theme=dark] dialog{border:1px solid #31373b;color:#e1e3e5}
html[data-theme=dark] dialog::backdrop{background:#23292e80}
html[data-theme=dark] dialog p{color:#a8afb5}
html[data-theme=dark] .close{color:#9ca4ab}
html[data-theme=dark] input,html[data-theme=dark] textarea{border:1px solid #31383c;background:#15191c}
html[data-theme=dark] input:focus,html[data-theme=dark] textarea:focus{outline:1px solid #12add6}
html[data-theme=dark] .form-status{color:#3dd6ff!important}
@media(max-width:740px){html[data-theme=dark] .menutoggle{color:#c9cdd1}html[data-theme=dark] .header nav{background:#131619;box-shadow:0 10px 12px #00000008}html[data-theme=dark] .hero-image:after{background:linear-gradient(180deg,#181d20,transparent 20%)}}
html[data-theme=dark] .hdr-btn{border:1px solid #32383d;color:#e1e3e5}
html[data-theme=dark] .hdr-btn:hover{border-color:#12add6;color:#12add6}
html[data-theme=dark] .hdr-primary{background:#12add6;border-color:#12add6;color:#ffffff}
html[data-theme=dark] .hdr-primary:hover{background:#0997be;border-color:#0997be;color:#ffffff}
@media(max-width:740px){html[data-theme=dark] .header nav a[data-por-definir]{color:#12add6}}
html[data-theme=dark] .contact-sec{border-top:1px solid #30363b}
html[data-theme=dark] .contact-card{background:#181d20;border:1px solid #31373b}
html[data-theme=dark] .contact-ico{color:#ffffff}
html[data-theme=dark] .contact-ico.wa{background:#25d366}
html[data-theme=dark] .contact-ico.ig{background:linear-gradient(45deg,#f9a03f 0%,#e1306c 55%,#833ab4 100%)}
html[data-theme=dark] .contact-card p{color:#a7afb4}
html[data-theme=dark] .contact-card p:before{background:#e9a23b}
/* --- catalog.css (112 reglas) --- */
html[data-theme=dark] .catalog-section{background:#151a1c}
html[data-theme=dark] .catalog-item{background:#131619;border:1px solid #31373c}
html[data-theme=dark] .catalog-item p{color:#b2b8bd}
html[data-theme=dark] .catalog-empty{border:1px dashed #33393e;color:#b3babe}
html[data-theme=dark] .pilot-label{color:#43d3f9;background:#152428}
html[data-theme=dark] .catalog-manage{color:#bbc0c5}
html[data-theme=dark] .manager .banner{background:#142125;color:#b5cfd7}
html[data-theme=dark] .manager-tabs button,html[data-theme=dark] .minor{background:#1a1f22;color:#ccd1d4}
html[data-theme=dark] .manager-tabs .selected{background:#23292e;color:#ffffff}
html[data-theme=dark] .manager .error{color:#d97063}
html[data-theme=dark] .queue-row{background:#171c1f;border:1px solid #31373c}
html[data-theme=dark] .queue-row.selected{border-color:#12add6;background:#132024}
html[data-theme=dark] .queue-row small{color:#afb6bb}
html[data-theme=dark] .review{border:1px solid #31373b}
html[data-theme=dark] .review input,html[data-theme=dark] .review textarea,html[data-theme=dark] .review select{border:1px solid #31383c;background:#131619}
html[data-theme=dark] .review .checks{background:#171b1e}
html[data-theme=dark] .danger{background:#221512;color:#d27a6b}
html[data-theme=dark] .review-history{color:#b2b8bd}
html[data-theme=dark] .detail-specs span{color:#a8b0b5}
html[data-theme=dark] .catalog-detail img{background:#181c1f}
html[data-theme=dark] .status-note{color:#b0b7bc}
html[data-theme=dark] .catalog-detail a{color:#3dd7ff}
html[data-theme=dark] .manager .small{color:#afb6bb}
html[data-theme=dark] .vehicle-heading p{color:#b6bcc1}
html[data-theme=dark] .bid-card{background:#142226}
html[data-theme=dark] .bid-card small,html[data-theme=dark] .bid-card span{color:#b3c9d1}
html[data-theme=dark] .vehicle-media{background:#191d21}
html[data-theme=dark] .media-stage{background:#1d2931}
html[data-theme=dark] .catalog-detail .media-stage img,html[data-theme=dark] .catalog-detail .media-stage video{background:#1d2931}
html[data-theme=dark] .media-zoom{background:#131619;color:#d6e2e9}
html[data-theme=dark] .media-toolbar button{background:#131619;color:#d5e3e9}
html[data-theme=dark] .media-counter{color:#b5c8cf}
html[data-theme=dark] .media-thumbnails button{background:#131619}
html[data-theme=dark] .media-thumbnails button.active{border-color:#12add6}
html[data-theme=dark] .catalog-detail .media-thumbnails img{background:#131619}
html[data-theme=dark] .video-thumb{color:#bbd4db}
html[data-theme=dark] .translation-note{color:#b6bdc1}
html[data-theme=dark] .vehicle-group{border:1px solid #31373c;background:#131619}
html[data-theme=dark] .vehicle-group dt{color:#adb4b9}
html[data-theme=dark] .source-value{color:#a3abb1}
html[data-theme=dark] .damage-table th{color:#b0b7bc;background:#141f22}
html[data-theme=dark] .damage-table td{border-bottom:1px solid #31373b}
html[data-theme=dark] .vehicle-footnote{color:#aeb5ba;background:#142123}
html[data-theme=dark] .catalog-detail button:focus-visible{outline:3px solid #12add6}
html[data-theme=dark] .catalog-item .lot-line{color:#acb3b8}
html[data-theme=dark] .catalog-item .auction-line{color:#c0c5c9}
html[data-theme=dark] .catalog-filters{background:#131619;box-shadow:0 14px 40px rgba(20,35,30,.09)}
html[data-theme=dark] .filter-field>span{color:#adb4b9}
html[data-theme=dark] .filter-search svg{color:#b7bdc2}
html[data-theme=dark] .catalog-filters input,html[data-theme=dark] .catalog-filters select{background:#191e21;color:#e1e3e5}
html[data-theme=dark] .catalog-filters input:focus-visible,html[data-theme=dark] .catalog-filters select:focus-visible{border-color:#12add6;box-shadow:0 0 0 3px rgba(18,173,214,.18)}
html[data-theme=dark] .chip{border:1px solid #31373c;background:#131619;color:#e1e3e5}
html[data-theme=dark] .chip:hover{border-color:#353c41}
html[data-theme=dark] .chip:focus-visible{outline:2px solid #12add6}
html[data-theme=dark] .chip[aria-pressed=true]{background:#23292e;border-color:#3c4349;color:#ffffff}
html[data-theme=dark] .catalog-grid .catalog-item{background:#131619;border:1px solid #31373b}
html[data-theme=dark] .card-media{background:#1d2226}
html[data-theme=dark] .media-tag,html[data-theme=dark] .media-status{color:#ffffff;background:#22282ddb}
html[data-theme=dark] .media-status[data-state=closed]{background:#353f46e0}
html[data-theme=dark] .media-status[data-state=unknown]{background:#353f46e0}
html[data-theme=dark] .catalog-grid .card-body h3{color:#c1c7cb}
html[data-theme=dark] .card-body h3 strong{color:#e1e3e5}
html[data-theme=dark] .card-meta{color:#b6bcc0}
html[data-theme=dark] .card-meta svg{color:#a5acb2}
html[data-theme=dark] .card-foot{border-top:1px solid #30373b}
html[data-theme=dark] .card-bid small{color:#b1b8bd}
html[data-theme=dark] .card-bid strong{color:#e1e3e5}
html[data-theme=dark] .pill{background:#23292e;color:#ffffff}
html[data-theme=dark] .pill:hover{background:#1d2226}
html[data-theme=dark] .pill:focus-visible{outline:2px solid #12add6}
html[data-theme=dark] .save-btn{background:#131619ee;color:#e1e3e5;box-shadow:0 2px 8px #00000033}
html[data-theme=dark] .save-btn.on{color:#e0334c}
html[data-theme=dark] .stock-card{background:#131619;border:1px solid #31373b}
html[data-theme=dark] .stock-photo{background:#1d2226}
html[data-theme=dark] .stock-meta{color:#a7afb4}
html[data-theme=dark] .stock-desc{color:#c3c9cc}
html[data-theme=dark] .stock-foot{border-top:1px solid #31373b}
html[data-theme=dark] .stock-foot small{color:#a7afb4}
html[data-theme=dark] .seg{background:#1a1f22}
html[data-theme=dark] .seg button{color:#b9bfc4}
html[data-theme=dark] .seg button:hover{color:#e1e3e5}
html[data-theme=dark] .seg button.on{background:#23292e;color:#ffffff;box-shadow:0 4px 14px #00000033}
html[data-theme=dark] .seg button:focus-visible{outline:2px solid #12add6}
html[data-theme=dark] .seg-note{color:#b0b7bc}
html[data-theme=dark] .empty-state{background:#171c1f}
html[data-theme=dark] .empty-state p{color:#b9bfc4}
html[data-theme=dark] .empty-actions .button:not(.primary){background:#131619;border:1px solid #33393e;color:#e1e3e5}
html[data-theme=dark] .preview-head p{color:#b0b7bc}
html[data-theme=dark] .preview-head .textlink{color:#e1e3e5;border-color:#343a3f}
html[data-theme=dark] .preview-head .textlink span{color:#12add6}
html[data-theme=dark] .preview-grid .catalog-item{background:#131619;border:1px solid #31373b}
html[data-theme=dark] .preview-grid .card-body h3{color:#c1c7cb}
html[data-theme=dark] .preview-empty{background:#171c1f}
html[data-theme=dark] .preview-empty p{color:#c1c7cb}
html[data-theme=dark] .preview-empty .textlink{color:#e1e3e5}
html[data-theme=dark] .catalog-item:hover,html[data-theme=dark] .stock-card:hover{box-shadow:0 14px 32px #0000001a}
html[data-theme=dark] .catalog-item:focus-within,html[data-theme=dark] .stock-card:focus-within{box-shadow:0 0 0 2px #000000}
html[data-theme=dark] .drop-menu{background:#131619;border:1px solid #31373b;box-shadow:0 18px 40px #00000022}
html[data-theme=dark] .header nav .drop-menu a{color:#e1e3e5}
html[data-theme=dark] .header nav .drop-menu a small{color:#a7afb4}
html[data-theme=dark] .header nav .drop-menu a:hover{background:#181d20}
html[data-theme=dark] .stock-dialog{background:#131619}
html[data-theme=dark] .stock-dialog::backdrop{background:#1d222699}
html[data-theme=dark] .stock-dialog .close{background:#131619ee;box-shadow:0 2px 10px #00000033}
html[data-theme=dark] .stock-main{background:#1d2226}
html[data-theme=dark] .stock-nophoto{color:#a7afb4}
html[data-theme=dark] .stock-thumbs button.on{border-color:#12add6}
html[data-theme=dark] .stock-specs li{color:#a7afb4}
html[data-theme=dark] .stock-specs b{color:#e1e3e5}
html[data-theme=dark] .stock-buy{border-top:1px solid #31373b}
html[data-theme=dark] .stock-buy small{color:#a7afb4}
html[data-theme=dark] .stock-fine{color:#a7afb4}
/* --- commercial.css (40 reglas) --- */
html[data-theme=dark] .sales-strip{background:#1d2f36;color:#ffffff}
html[data-theme=dark] .sales-strip small{color:#dee9ed}
html[data-theme=dark] .sales-strip a{color:#7fe0f8}
html[data-theme=dark] .mistakes{background:#131f22}
html[data-theme=dark] .mistake-grid article{border:1px solid #31393c;background:#131619}
html[data-theme=dark] .mistake-grid article>span{color:#47ccf6}
html[data-theme=dark] .mistake-grid p{color:#b9bfc3}
html[data-theme=dark] .mistake-grid .tip{color:#c4dadf;border-top:1px solid #31393c}
html[data-theme=dark] .academy{background:#1c2c34;color:#ffffff}
html[data-theme=dark] .academy .eyebrow{color:#79dcef}
html[data-theme=dark] .academy h2{color:#ffffff}
html[data-theme=dark] .academy-intro{color:#dee8ed}
html[data-theme=dark] .syllabus li{border-bottom:1px solid #3c4549}
html[data-theme=dark] .syllabus li:before{color:#74daf0}
html[data-theme=dark] .membership-card{background:#1e2f38;border:1px solid #3c4549}
html[data-theme=dark] .membership-card p{color:#dfe8ec}
html[data-theme=dark] .membership-card .membership-state{background:#22373f;color:#5e9ca8}
html[data-theme=dark] .membership-card small{color:#dfe8ec}
html[data-theme=dark] .payment-choice{background:#131619;color:#d3e0e7}
html[data-theme=dark] .cost-fields input{border:1px solid #323a3d}
html[data-theme=dark] .cost-result{background:#142125}
html[data-theme=dark] .cost-result strong{color:#b8d1d9}
html[data-theme=dark] .cost-note{color:#b2b9be}
html[data-theme=dark] .listing-bid{background:#131f24}
html[data-theme=dark] .listing-bid small{color:#b4c4cd}
html[data-theme=dark] .listing-bid strong{color:#b8d1d9}
html[data-theme=dark] .bid-card{background:#1d2f36!important;color:#ffffff!important}
html[data-theme=dark] .bid-card strong{color:#7de2f8!important}
html[data-theme=dark] .bid-card small,html[data-theme=dark] .bid-card span{color:#dee9ed!important}
html[data-theme=dark] .vehicle-cta{background:#142125}
html[data-theme=dark] .media-stage .media-zoom{background:#1d2f36;color:#ffffff;border:1px solid #90d8ea}
html[data-theme=dark] .zoom-viewer{background:#1a2831;color:#ffffff}
html[data-theme=dark] .zoom-viewer::backdrop{background:#1a2831}
html[data-theme=dark] .zoom-viewer button{color:#ffffff;background:#20323b;border:1px solid #3c4549}
html[data-theme=dark] .zoom-viewer button:focus-visible{outline:3px solid #353e40}
html[data-theme=dark] .zoom-help{color:#6092a9}
html[data-theme=dark] #interestStatus{color:#bad2da}
html[data-theme=dark] .academy .academy-note{color:#7a9aa9}
html[data-theme=dark] .sales-strip .claro{color:#ffffff}
html[data-theme=dark] .sales-strip .claro .x{color:#5fd3f3}
/* --- cuenta.css (22 reglas) --- */
html[data-theme=dark] .top{background:#131619}
html[data-theme=dark] .auth{background:#131619;box-shadow:0 12px 40px #00000011}
html[data-theme=dark] .tabs button.on{background:#131619;box-shadow:0 1px 4px #00000022}
html[data-theme=dark] input,html[data-theme=dark] textarea{background:#131619}
html[data-theme=dark] .btn{color:#ffffff}
html[data-theme=dark] .btn.ghost{background:#131619}
html[data-theme=dark] .kpi{background:#131619}
html[data-theme=dark] .nav button{background:#131619}
html[data-theme=dark] .nav button.on{color:#ffffff}
html[data-theme=dark] .card{background:#131619}
html[data-theme=dark] .car img.hero{background:#1d2226}
html[data-theme=dark] .badge{background:#152227;color:#49cff3}
html[data-theme=dark] .badge.ok{background:#16291f}
html[data-theme=dark] .badge.warn{background:#292216}
html[data-theme=dark] .fav img{background:#1d2226}
html[data-theme=dark] #toast{color:#ffffff}
html[data-theme=dark] .auth-mode{background:#131619}
html[data-theme=dark] .auth-panel{background:#131619}
html[data-theme=dark] .auth-mode input{background:#161a1d}
html[data-theme=dark] .auth-mode input:focus{background:#131619;outline:3px solid #12add633}
html[data-theme=dark] .pw-eye:hover{background:#12add614}
html[data-theme=dark] .btn.big:hover{background:#0997be}
/* --- inicio.css (19 reglas) --- */
html[data-theme=dark] .cat-rail{background:#181d20}
html[data-theme=dark] .rail-thumb{background:#12add6}
html[data-theme=dark] .rail-progress{background:#131619d9}
html[data-theme=dark] .cat-rail button{color:#b9bfc4}
html[data-theme=dark] .cat-rail button small{color:#a7afb4}
html[data-theme=dark] .cat-rail button:hover{color:#e1e3e5}
html[data-theme=dark] .cat-rail button[aria-selected=true],html[data-theme=dark] .cat-rail button[aria-selected=true]:hover{color:#ffffff}
html[data-theme=dark] .cat-rail button[aria-selected=true] small{color:#ffffffd1}
html[data-theme=dark] .cat-rail button:focus-visible{outline:2px solid #3c4349}
html[data-theme=dark] .encargo-cta .t{background:#181d20}
html[data-theme=dark] .encargo-cta small{color:#a7afb4}
html[data-theme=dark] .encargo-cta b{color:#e1e3e5}
html[data-theme=dark] .encargo-cta .go{background:#12add6;color:#ffffff}
html[data-theme=dark] .encargo-cta:hover .t{background:#17252a}
html[data-theme=dark] .encargo-cta:hover .go{background:#0997be}
html[data-theme=dark] .encargo-cta:focus-visible{outline:2px solid #12add6}
html[data-theme=dark] .button.primary:focus-visible,html[data-theme=dark] .hdr-primary:focus-visible{box-shadow:inset 0 0 0 2px #000000,inset 0 0 0 4px #000000}
html[data-theme=dark] .nav-bar{background:#12add6}
html[data-theme=dark] .header:after{background:linear-gradient(90deg,#12add6,#12add600 70%)}


/* ===== Parte 2: botón y ajustes a mano ===== */

/* Botón de tema: pequeño, junto a Iniciar sesión */
.header-actions{display:flex;align-items:center;gap:12px}
.theme-toggle{position:relative;width:36px;height:36px;flex:0 0 36px;border-radius:0;border:1px solid #dadeda;background:transparent;color:#1c1c1c;display:inline-grid;place-items:center;padding:0;transition:border-color .2s,color .2s,background-color .2s}
.theme-toggle:hover{border-color:#12add6;color:#12add6}
.theme-toggle svg{grid-area:1/1;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:opacity .3s,transform .4s}
.theme-toggle .i-sun{opacity:0;transform:rotate(-90deg) scale(.5)}
html[data-theme=dark] .theme-toggle{border-color:#363e44;color:#e1e3e5}
html[data-theme=dark] .theme-toggle:hover{border-color:#12add6;color:#12add6}
html[data-theme=dark] .theme-toggle .i-moon{opacity:0;transform:rotate(90deg) scale(.5)}
html[data-theme=dark] .theme-toggle .i-sun{opacity:1;transform:none}
@media(max-width:740px){.header-actions{gap:2px}.theme-toggle{width:34px;height:34px;flex-basis:34px}}

/* Transición suave solo en el momento del cambio */
html.theme-anim,html.theme-anim *,html.theme-anim *:before,html.theme-anim *:after{transition:background-color .35s ease,color .35s ease,border-color .35s ease,fill .35s ease!important}

/* Logo: versión clara u oscura */
.logo-dk{display:none}
html[data-theme=dark] .logo-lt{display:none}
html[data-theme=dark] .logo-dk{display:inline}

/* Portada: la foto es de estudio claro; se atenúa para que no encandile */
html[data-theme=dark] .hero-image img{filter:brightness(.6) contrast(1.08) saturate(.92)}
html[data-theme=dark] .hero-image:after{background:linear-gradient(90deg,#181d20 0%,#181d20c0 18%,transparent 45%)}
@media(max-width:740px){html[data-theme=dark] .hero-image:after{background:linear-gradient(180deg,#181d20,transparent 25%)}}

/* Bloques que ya eran oscuros: se separan del fondo con un borde sutil */
html[data-theme=dark] .dark,html[data-theme=dark] .option-card.dark{background:#1a2126;border:1px solid #2a3237}

/* Botones y selecciones que en claro son negros: en oscuro se invierten (blanco con texto oscuro) */
html[data-theme=dark] .pill,html[data-theme=dark] .seg button.on,html[data-theme=dark] .chip[aria-pressed=true],html[data-theme=dark] .manager-tabs .selected{background:#eef1f3;border-color:#eef1f3;color:#111518;box-shadow:none}
html[data-theme=dark] .pill:hover{background:#fff}
html[data-theme=dark] .seg button:hover{color:#fff}
html[data-theme=dark] .seg button.on:hover{color:#111518}

/* Fondos detrás de ventanas: siempre oscuros y translúcidos */
html[data-theme=dark] dialog::backdrop,html[data-theme=dark] .stock-dialog::backdrop{background:#000000a6}

/* Fotos de vehículos: un punto menos de brillo */
html[data-theme=dark] main img:not(.hero-image img){filter:brightness(.94)}

/* Menú móvil desplegado */
@media(max-width:740px){html[data-theme=dark] .header nav{box-shadow:0 12px 18px #00000059}html[data-theme=dark] .menutoggle{color:#e1e3e5}}

/* Página de cuenta (usa variables) */
html[data-theme=dark]{--ink:#e1e3e5;--bg:#181d20;--deep:#12add6;--mute:#9aa3a9;--line:#2b3237;--ok:#45cf8e;--bad:#ff7b6c;--warn:#f0b955}
html[data-theme=dark] #toast{background:#2a3136;color:#fff;box-shadow:0 6px 20px #00000080}
html[data-theme=dark] .top .theme-toggle{margin-left:auto;margin-right:14px}
.top .theme-toggle{margin-left:auto;margin-right:14px}


/* Ventanas (ficha del vehículo, solicitud) */
html[data-theme=dark] dialog{background:#161b1f;color:#e1e3e5;border-color:#2a3237}

/* Acceso: el formulario sobre fondo oscuro */
html[data-theme=dark] .auth-mode input{background:#1a2024}
html[data-theme=dark] .auth-mode input:focus{background:#1d2428}
html[data-theme=dark] .pw-eye:hover{background:#12add626}
html[data-theme=dark] .auth-mode .top{background:transparent;border:0}

/* Inicio: cortes y barra de catálogo en oscuro */
html[data-theme=dark] :is(.cat-slider,#vista-catalogo) :is(.catalog-item,.stock-card),html[data-theme=dark] .mistake-grid article{--edge:#2a3237;--fill:#161b1f}
html[data-theme=dark] .cat-slider .preview-empty{--edge:#2a3237;--fill:#1a2024}
html[data-theme=dark] .contact-card{--edge:#2a3237;--fill:#181d20}
html[data-theme=dark] :is(.cat-slider,#vista-catalogo) :is(.catalog-item,.stock-card):is(:hover,:focus-within){--edge:#12add6}
html[data-theme=dark] .cat-rail button:focus-visible{outline-color:#fff}
html[data-theme=dark] .encargo-cta:hover .t{background:#1f2a30}
html[data-theme=dark] .contact-ico.mail{background:linear-gradient(135deg,#12add6 0%,#0a6f8c 100%)}
html[data-theme=dark] .req-done{background-color:#161b1f}
html[data-theme=dark] .rd-track{stroke:#2a3135}
html[data-theme=dark] .rd-msg h3{color:#f2f4f2}
html[data-theme=dark] .rd-msg p,html[data-theme=dark] .rd-wait{color:#a7afb4}
html[data-theme=dark] .mi-chip{background:#12add6;color:#04222c!important}
html[data-theme=dark] .mi-chip svg{color:#04222c!important}
html[data-theme=dark] .copy-lot{color:#a7afb4}html[data-theme=dark] .copy-lot:hover{background:#1d2a30;color:#7fd8f0}
/* Plazo para pagar el carro ganado (cuenta.css) */
html[data-theme=dark] .plazo{background:#3a2f12;border-color:#6b5520;color:#f6d98e}
html[data-theme=dark] .plazo.urg{background:#3d1717;border-color:#7a2b2b;color:#f6b0b0}
html[data-theme=dark] .plazo-card{background:#2a2412;border-color:#6b5520}
html[data-theme=dark] .plazo-card.urg{background:#2e1515;border-color:#7a2b2b}
/* Pago ordenado (cuenta.css) */
html[data-theme=dark] .pay-step{background:#1d2226}html[data-theme=dark] .pay-step small{color:#b6bec3}
html[data-theme=dark] .bank-grid .bank-box{border-color:#31373b}html[data-theme=dark] .pay-form{border-color:#31373b}
html[data-theme=dark] .quiero-dlg{background:#181d20;color:#e8ecee}html[data-theme=dark] .quiero-dlg dl{background:#1d2226}html[data-theme=dark] .quiero-dlg dt{color:#b6bec3}html[data-theme=dark] .quiero-dlg .q-car{color:#9fd8ea}