/* Each preset supplies one complete palette for the shared storefront components. */
[data-theme="sage"],.theme-sage{--ink:#20281f;--muted:#68725f;--paper:#fafbf7;--line:#e1e5dc;--lime:#d9ed98;--surface:#fff;--soft:#eef1e6;--accent:#657e45;--footer:#263324;--footer-text:#f2f6eb;--footer-muted:#b5c49f;--button:#20281f;--button-text:#fff;--hero-ink:#fff;--hero-rgb:17,26,21}
[data-theme="ocean"],.theme-ocean{--ink:#142d47;--muted:#586f84;--paper:#f6f9fd;--line:#d7e3ef;--lime:#c5e7fa;--surface:#fff;--soft:#e9f1fa;--accent:#23649b;--footer:#132d48;--footer-text:#eff7ff;--footer-muted:#a9c8e2;--button:#184e7b;--button-text:#fff;--hero-ink:#fff;--hero-rgb:12,35,60}
[data-theme="midnight"],.theme-midnight{--ink:#f0f2e9;--muted:#adb3aa;--paper:#171c1b;--line:#38423e;--lime:#daf58c;--surface:#222a27;--soft:#28312c;--accent:#c3dd84;--footer:#101512;--footer-text:#f1f5e9;--footer-muted:#a9b999;--button:#daf58c;--button-text:#1d2913;--hero-ink:#fff;--hero-rgb:8,17,12}
[data-theme="sandstone"],.theme-sandstone{--ink:#423329;--muted:#796a5d;--paper:#fbf7f0;--line:#e5d9cb;--lime:#f2d7bc;--surface:#fffdf8;--soft:#f0e6d8;--accent:#a05233;--footer:#493428;--footer-text:#fbf2e6;--footer-muted:#d9bfa4;--button:#864b32;--button-text:#fffaf1;--hero-ink:#fff8ee;--hero-rgb:46,30,19}
body[data-theme]{background:var(--paper);color:var(--ink)}
[data-theme] .button.dark{background:var(--button);color:var(--button-text)}
[data-theme] .button.dark:hover{filter:brightness(1.12)}
[data-theme] .button.lime{background:var(--lime);color:#20281f}
[data-theme] .button.outline,[data-theme] .header-admin{border-color:var(--line)}
[data-theme] input,[data-theme] select,[data-theme] textarea{background:var(--surface);color:var(--ink);border-color:var(--line)}
[data-theme] input::placeholder,[data-theme] textarea::placeholder{color:var(--muted)}
[data-theme] .filter-panel,[data-theme] .vehicle-card,[data-theme] .pagination a,[data-theme] .login-card,[data-theme] .form-panel,[data-theme] .table-wrap,[data-theme] .stats-grid a{background:var(--surface)}
[data-theme] .trust-strip,[data-theme] .approach,[data-theme] .spec-panel,[data-theme] .empty-state,[data-theme] .login-section,[data-theme] .filter-secondary select,[data-theme] .upload-zone{background:var(--soft)}
[data-theme] .trust-strip .container,[data-theme] .features,[data-theme] .description,[data-theme] .card-specs,[data-theme] .approach-copy>p,[data-theme] .principle p,[data-theme] .back-link{color:var(--muted)}
[data-theme] .brand-mark span,[data-theme] .section-heading .eyebrow,[data-theme] .section-heading h2 span,[data-theme] .section-heading h1 span,[data-theme] .trust-strip span:before,[data-theme] .approach em,[data-theme] .principle>span,[data-theme] .detail-copy .eyebrow{color:var(--accent)}
[data-theme] .live-dot:before{background:var(--accent)}
[data-theme] .filter-secondary,[data-theme] .card-specs,[data-theme] .principle,[data-theme] .spec-panel,[data-theme] .spec-panel dl div,[data-theme] .footer-bottom{border-color:var(--line)}
[data-theme] footer{background:var(--footer);color:var(--footer-text)}
[data-theme] .footer-main .eyebrow,[data-theme] .footer-contact .muted,[data-theme] .footer-bottom{color:var(--footer-muted)}
[data-theme] .footer-bottom{border-color:color-mix(in srgb,var(--footer-muted) 25%,transparent)}
[data-theme] .contact-link{border-color:var(--footer-muted)}
[data-theme] .hero-overlay{background:linear-gradient(90deg,rgba(var(--hero-rgb),.83),rgba(var(--hero-rgb),.43) 42%,rgba(var(--hero-rgb),.06) 80%),linear-gradient(0deg,rgba(var(--hero-rgb),.35),transparent 50%)}
[data-theme] .photo-arrow{color:#263324}
[data-theme="midnight"] .badge.available{background:#d9ed98;color:#324020}
[data-theme="midnight"] .card-photo{background:#2e3831}
[data-theme="midnight"] .hero-content{text-align:center;padding-top:78px}
[data-theme="midnight"] .hero .eyebrow{justify-content:center}
[data-theme="midnight"] .hero h1{font-weight:700;font-size:68px;letter-spacing:-3px}
[data-theme="midnight"] .hero-overlay{background:linear-gradient(0deg,rgba(var(--hero-rgb),.82),rgba(var(--hero-rgb),.58))}
[data-theme="midnight"] .hero-caption{text-align:left}
[data-theme="midnight"] .hero-image{object-position:center 63%}
[data-theme="midnight"] .vehicle-card{border-radius:2px}
[data-theme="midnight"] .vehicle-card:hover{box-shadow:0 15px 35px #0003}
[data-theme="ocean"] .hero{margin:25px auto 35px;width:min(1340px,calc(100% - 60px));min-height:570px;background:var(--soft);border-radius:14px;overflow:hidden;color:var(--ink)}
[data-theme="ocean"] .hero-image{width:52%;left:48%;object-position:65% center}
[data-theme="ocean"] .hero-overlay{background:linear-gradient(90deg,var(--soft) 41%,transparent 60%)}
[data-theme="ocean"] .hero-content{width:calc(100% - 70px);padding-top:68px;padding-bottom:30px}
[data-theme="ocean"] .hero h1{font-size:54px;max-width:510px;letter-spacing:-2.5px}
[data-theme="ocean"] .hero h1 em{color:var(--accent)}
[data-theme="ocean"] .hero-content>p:not(.eyebrow){color:var(--muted);max-width:400px}
[data-theme="ocean"] .hero .eyebrow{font-size:8px;max-width:45%;color:var(--accent)}
[data-theme="ocean"] .tiny-line{background:var(--accent)}
[data-theme="ocean"] .hero-caption{margin-top:80px;color:var(--muted)}
[data-theme="ocean"] .hero-number{color:#fff;text-shadow:0 1px 10px #1238}
[data-theme="ocean"] .vehicle-card{border-radius:12px}
[data-theme="sandstone"] .hero{width:calc(100% - 48px);margin:0 auto 24px;min-height:570px;border-radius:3px}
[data-theme="sandstone"] .hero h1,[data-theme="sandstone"] .section-heading h2,[data-theme="sandstone"] .approach h2,[data-theme="sandstone"] .detail-heading h1,[data-theme="sandstone"] .footer-main h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-1.6px}
[data-theme="sandstone"] .hero h1{font-size:68px}
[data-theme="sandstone"] .hero h1 em{font-style:italic}
[data-theme="sandstone"] .hero-content{width:min(1240px,calc(100% - 80px))}
[data-theme="sandstone"] .button,[data-theme="sandstone"] .vehicle-card,[data-theme="sandstone"] .filter-panel{border-radius:0}
[data-theme="sandstone"] .section-heading h2{font-size:42px}
/* The management area remains consistent while storefront presets change. */
.admin-section-nav{display:flex;gap:28px;padding-top:18px;border-bottom:1px solid var(--line)}
.admin-section-nav a{padding:0 0 13px;font-size:12px;color:var(--muted);border-bottom:2px solid transparent}
.admin-section-nav a.selected{border-color:var(--ink);color:var(--ink);font-weight:700}
.theme-preview-banner{display:flex;justify-content:center;gap:25px;align-items:center;background:#e5eddb;color:#25391c;border-bottom:1px solid #bdcda8;padding:14px 20px;font-size:12px}
.theme-preview-banner a{text-decoration:underline;text-underline-offset:4px;font-weight:600}
.appearance-page .section-heading{margin-top:32px;margin-bottom:35px}
.current-theme{background:#e6efda;padding:9px 15px;font-size:11px;border-radius:30px;white-space:nowrap;color:#466132}
.theme-fieldset{border:0;padding:0;margin:0;min-width:0}
.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.theme-option{background:#fff;border:1px solid #dce2d4;border-radius:10px;overflow:hidden;transition:border-color .2s,box-shadow .2s;min-width:0}
.theme-option:has(input:checked){border-color:#637e42;box-shadow:0 0 0 2px #637e42}
.theme-option:has(input:focus-visible){outline:3px solid #849d61;outline-offset:5px}
.theme-choice{position:relative;margin:0;cursor:pointer;display:block}
.theme-choice>input{position:absolute;top:17px;right:17px;z-index:2;width:19px;height:19px;accent-color:#476030;cursor:pointer}
.theme-description{display:block;padding:23px 25px 10px}
.theme-title{display:flex;justify-content:space-between;align-items:center;gap:15px}
.theme-title>strong{font-family:Manrope,sans-serif;font-size:22px;letter-spacing:-.6px}
.theme-title>span{font-size:9px;text-transform:uppercase;letter-spacing:1px;background:#f1f4ec;color:#657553;padding:4px 8px;border-radius:3px}
.theme-label{display:block;color:#697960;font-size:10px;text-transform:uppercase;letter-spacing:1.3px;margin:12px 0 7px}
.theme-detail{display:block;font-size:12px;font-weight:400;color:#6c7567;min-height:40px}
.theme-option-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 25px 23px}
.theme-option-footer>a{font-size:11px;text-decoration:underline;text-underline-offset:4px}
.swatches{display:flex;gap:5px}
.swatches i{width:18px;height:18px;border-radius:50%;border:1px solid #0002;background:var(--paper)}
.swatches i:nth-child(2){background:var(--footer)}
.swatches i:nth-child(3){background:var(--lime)}
.theme-thumbnail{display:block;height:260px;background:var(--paper);color:var(--ink);margin:14px;border-radius:5px;overflow:hidden;border:1px solid #0001;pointer-events:none}
.mini-nav{height:31px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:6px}
.mini-nav b{font-size:8px;letter-spacing:1px}
.mini-nav>span{padding-right:22px;opacity:.6;font-size:5px}
.mini-hero{display:block;height:145px;position:relative;overflow:hidden;background:var(--footer);color:white}
.mini-photo{position:absolute;inset:0;background:linear-gradient(90deg,rgba(var(--hero-rgb),.85),rgba(var(--hero-rgb),.08)),url('/images/demo/porsche.jpg') center 60%/cover}
.mini-copy{position:relative;z-index:1;display:block;padding:20px 24px}
.mini-copy small{font-size:5px;letter-spacing:1px;display:block;margin-bottom:8px}
.mini-copy strong{font-size:27px;line-height:1;letter-spacing:-1px;display:block;font-family:Manrope,sans-serif}
.mini-copy em{font-style:normal;color:var(--lime)}
.mini-button{display:inline-block;padding:5px 8px;font-size:5px;background:var(--lime);color:#263324;margin-top:10px;border-radius:1px}
.mini-inventory{display:block;padding:13px 23px}
.mini-inventory>b{display:block;font-size:9px;letter-spacing:-.2px;margin-bottom:9px}
.mini-cards{display:flex;gap:10px}
.mini-cards i{display:block;flex:1;height:35px;border-radius:2px;background:url('/images/demo/bmw.jpg') center/cover}
.mini-cards i:nth-child(2){background-image:url('/images/demo/mercedes.jpg')}
.mini-cards i:nth-child(3){background-image:url('/images/demo/audi.jpg')}
.theme-ocean .mini-hero{margin:4px 10px;border-radius:5px;background:var(--soft);color:var(--ink)}
.theme-ocean .mini-photo{left:48%;background-image:url('/images/demo/porsche.jpg');background-position:65% center}
.theme-ocean .mini-copy{padding:15px 16px}
.theme-ocean .mini-copy em{color:var(--accent)}
.theme-midnight .mini-copy{text-align:center}
.theme-midnight .mini-photo{background-image:linear-gradient(#09150db3,#09150db3),url('/images/demo/porsche.jpg')}
.theme-sandstone .mini-hero{margin:0 10px}
.theme-sandstone .mini-copy strong{font-family:Georgia,serif;font-size:30px}
.theme-sandstone .mini-copy em{font-style:italic}
.theme-sandstone .mini-inventory>b{font-family:Georgia,serif}
.theme-save-bar{margin-top:35px;padding:25px 28px;background:#eaf0e1;border:1px solid #d7e1cb;border-radius:7px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.theme-save-bar strong{font-size:14px}
.theme-save-bar p{margin:5px 0 0;font-size:11px;color:#6b785f;max-width:580px}
.theme-save-bar .button{white-space:nowrap}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1550px){[data-theme="ocean"] .hero{min-height:600px}}
@media(max-width:1100px){[data-theme="ocean"] .hero h1{font-size:44px;max-width:400px}[data-theme="ocean"] .hero-content>p:not(.eyebrow){max-width:320px}[data-theme="ocean"] .hero-content>p:not(.eyebrow) br{display:none}.theme-thumbnail{height:242px}.mini-hero{height:132px}.mini-copy strong{font-size:24px}.mini-copy{padding:15px 18px}.theme-detail{min-height:58px}}
@media(max-width:760px){[data-theme="ocean"] .hero{width:calc(100% - 28px);margin:14px auto 24px;min-height:610px;border-radius:9px}[data-theme="ocean"] .hero-image{left:0;top:320px;width:100%;height:290px;object-position:center 60%}[data-theme="ocean"] .hero-overlay{background:linear-gradient(0deg,transparent 42%,var(--soft) 51%)}[data-theme="ocean"] .hero-content{width:calc(100% - 42px);padding-top:35px}[data-theme="ocean"] .hero h1{font-size:40px;max-width:none}[data-theme="ocean"] .hero .eyebrow{max-width:none;font-size:6px}[data-theme="ocean"] .hero-content>p:not(.eyebrow){font-size:11px;margin-bottom:18px}[data-theme="ocean"] .hero-caption{margin-top:218px;color:white}[data-theme="midnight"] .hero h1{font-size:43px;letter-spacing:-2px}[data-theme="midnight"] .hero-content{padding-top:64px}[data-theme="sandstone"] .hero{width:calc(100% - 24px);min-height:530px;margin-bottom:12px}[data-theme="sandstone"] .hero-content{width:calc(100% - 36px)}[data-theme="sandstone"] .hero h1{font-size:47px}[data-theme="sandstone"] .section-heading h2{font-size:33px}.theme-grid{gap:20px;grid-template-columns:1fr}.theme-thumbnail{height:260px}.mini-hero{height:145px}.mini-copy strong{font-size:27px}.mini-copy{padding:20px 24px}.theme-detail{min-height:0}.theme-save-bar{flex-direction:column;align-items:stretch;padding:23px}.theme-save-bar .button{width:100%}.current-theme{display:inline-block;margin-top:22px}.theme-preview-banner{align-items:start;flex-direction:column;gap:3px;font-size:11px;padding:12px 18px}.appearance-page .section-heading h1{font-size:32px}}