/* =========================================================
   AUTOMOTIVE ATELIER | DARK MODE
========================================================= */

html[data-theme="dark"] { color-scheme: dark; --auto-ink: #F1EEE7; --auto-muted: #B5B0A5; --auto-paper: #171816; --auto-surface: #20211E; --auto-line: rgba(245,241,231,.13); --auto-header-bg: rgba(27,28,25,.96); --auto-primary: #C5A66E; --auto-primary-light: #E0CB9F; --auto-primary-deep: #D5B77D; --auto-dark: #111210; }
html[data-theme="dark"] body { background: var(--auto-paper); color: var(--auto-ink); }
html[data-theme="dark"] .atelier-announcement { background: #10110F; color: #F3EFE7; }
html[data-theme="dark"] .announcement-secondary { color: #BDB8AD; }
html[data-theme="dark"] .atelier-header { background: var(--auto-header-bg); border-color: var(--auto-line); }
html[data-theme="dark"] .atelier-header.is-scrolled { box-shadow: 0 8px 32px rgba(0,0,0,.22); }
html[data-theme="dark"] .brand-name span { color: var(--auto-primary-deep); }
html[data-theme="dark"] .brand-emblem { border-color: rgba(197,166,110,.55); }
html[data-theme="dark"] .nav-dropdown { background: #22231F; box-shadow: 0 18px 40px rgba(0,0,0,.3); }
html[data-theme="dark"] .nav-dropdown a { border-color: var(--auto-line); }
html[data-theme="dark"] .atelier-book-button { background: var(--auto-primary); color: #171713; }
html[data-theme="dark"] .atelier-book-button:hover { background: #F0E6D1; color: #171713; }
html[data-theme="dark"] .theme-icon-dark { display: none; }
html[data-theme="dark"] .theme-icon-light { display: inline-block; }
html[data-theme="dark"] .mobile-menu-toggle { border-color: var(--auto-line); color: var(--auto-ink); }
html[data-theme="dark"] .atelier-menu-backdrop { background: rgba(0,0,0,.7); }
html[data-theme="dark"] .announcement-status { background: var(--auto-primary-light); }
html[data-theme="dark"] .atelier-nav-mobile-toggles .theme-toggle,
html[data-theme="dark"] .atelier-nav-mobile-toggles .direction-toggle,
html[data-theme="dark"] .atelier-nav-mobile-actions .login-link { color: #F1EEE7; background: rgba(197,166,110,.13); border-color: rgba(197,166,110,.4); }
html[data-theme="dark"] .atelier-nav-mobile-toggles .theme-toggle:hover,
html[data-theme="dark"] .atelier-nav-mobile-toggles .direction-toggle:hover { border-color: var(--auto-primary); color: var(--auto-primary-light); }
html[data-theme="dark"] .atelier-nav-mobile-actions .login-link:hover { background: var(--auto-primary); color: #171713; }
html[data-theme="dark"] .atelier-nav-mobile-actions .atelier-book-button { background: var(--auto-primary); color: #171713; }
html[data-theme="dark"] .atelier-nav-mobile-actions .atelier-book-button:hover { background: #F0E6D1; color: #171713; }


/* ============================================================
   AUTOMOTIVE ATELIER | STORY, FOOTER & CONTACT DARK MODE
============================================================ */
html[data-theme="dark"] .atelier-footer { background: #0E0F0D; }
html[data-theme="dark"] .footer-bottom { border-color: var(--auto-line); }
html[data-theme="dark"] .contact-section { background: var(--auto-paper); }
html[data-theme="dark"] .contact-card { background: var(--auto-surface); box-shadow: 0 18px 40px rgba(0,0,0,.3); }
html[data-theme="dark"] .contact-card h3, html[data-theme="dark"] .contact-heading { color: #F1EEE7; }
html[data-theme="dark"] .form-field input, html[data-theme="dark"] .form-field select, html[data-theme="dark"] .form-field textarea { background: var(--auto-surface); color: var(--auto-ink); border-color: var(--auto-line); }
html[data-theme="dark"] .hours-panel { background: #111210; border: 1px solid var(--auto-line); }
html[data-theme="dark"] .contact-button { color: #171713; }
html[data-theme="dark"] .form-error { color: #E07B6E; }
html[data-theme="dark"] .form-field.has-error input, html[data-theme="dark"] .form-field.has-error select, html[data-theme="dark"] .form-field.has-error textarea { border-color: #E07B6E; }

/* ============================================================
   AUTOMOTIVE ATELIER | CUSTOMER DASHBOARD DARK MODE
============================================================ */
html[data-theme="dark"] .dash-sidebar { background: #0E0F0D; border-inline-end: 1px solid var(--auto-line); }
html[data-theme="dark"] .dash-topbar { background: var(--auto-header-bg); border-color: var(--auto-line); }
html[data-theme="dark"] .dash-box { background: var(--auto-surface); }
html[data-theme="dark"] .dash-title, html[data-theme="dark"] .dash-box h3, html[data-theme="dark"] .dash-box h4, html[data-theme="dark"] .dash-stat strong { color: #F1EEE7; }
html[data-theme="dark"] .dash-logout { color: #F1EEE7; background: rgba(197,166,110,.13); border-color: rgba(197,166,110,.48); }
html[data-theme="dark"] .dash-logout:hover, html[data-theme="dark"] .dash-btn.ghost:hover, html[data-theme="dark"] .dash-filters button.is-active { color: #171713; background: var(--auto-primary); }
html[data-theme="dark"] .dash-pill.done { color: #7CC596; }
html[data-theme="dark"] .dash-pill.cancel { color: #E07B6E; }
html[data-theme="dark"] .dash-steps li::before { background: var(--auto-surface); }
html[data-theme="dark"] .dash-steps li.done::before { background: var(--auto-primary); }
html[data-theme="dark"] .dash-toast { background: #0E0F0D; border: 1px solid var(--auto-line); border-inline-start: 3px solid var(--auto-primary); }
html[data-theme="dark"] .dash-backdrop { background: rgba(0,0,0,.7); }

/* ============================================================
   AUTOMOTIVE ATELIER | ADMIN DASHBOARD DARK MODE
============================================================ */
html[data-theme="dark"] .dash-select, html[data-theme="dark"] .dash-input { background: var(--auto-surface); color: var(--auto-ink); border-color: var(--auto-line); }
html[data-theme="dark"] .dash-chart b { color: #F1EEE7; }
html[data-theme="dark"] .dash-pill.warn { color: #E07B6E; }

/* ============================================================
   AUTOMOTIVE ATELIER | PRICING PAGE DARK MODE
============================================================ */
html[data-theme="dark"] .pr-section { background: var(--auto-paper); }
html[data-theme="dark"] .pr-section.alt { background: #1B1C19; }
html[data-theme="dark"] .pr-title, html[data-theme="dark"] .pr-card h3, html[data-theme="dark"] .pr-row h4, html[data-theme="dark"] .pr-panel-head h3, html[data-theme="dark"] .pr-addon strong, html[data-theme="dark"] .pr-faq-q { color: #F1EEE7; }
html[data-theme="dark"] .pr-card, html[data-theme="dark"] .pr-panel, html[data-theme="dark"] .pr-addon, html[data-theme="dark"] .pr-sizes button { background: var(--auto-surface); }
html[data-theme="dark"] .pr-section.alt .pr-card, html[data-theme="dark"] .pr-section.alt .pr-panel, html[data-theme="dark"] .pr-section.alt .pr-addon { background: var(--auto-surface); }
html[data-theme="dark"] .pr-sizes button.is-active, html[data-theme="dark"] .pr-addon.is-selected { background: var(--auto-primary); color: #171713; }
html[data-theme="dark"] .pr-addon.is-selected { background: rgba(197,166,110,.16); color: var(--auto-ink); }
html[data-theme="dark"] .pr-price, html[data-theme="dark"] .pr-hero-stats strong { color: #F1EEE7; }
html[data-theme="dark"] .pr-card:hover { box-shadow: 0 22px 44px rgba(0,0,0,.35); }
html[data-theme="dark"] .pr-card.featured { box-shadow: 0 18px 44px rgba(197,166,110,.14); }
html[data-theme="dark"] .pr-table-wrap, html[data-theme="dark"] .pr-table th:first-child, html[data-theme="dark"] .pr-table td:first-child { background: var(--auto-paper); }
html[data-theme="dark"] .pr-table thead th, html[data-theme="dark"] .pr-table thead th:first-child { background: var(--auto-surface); color: #F1EEE7; }
html[data-theme="dark"] .pr-btn.ghost { color: var(--auto-ink); }
html[data-theme="dark"] .pr-btn.ghost:hover { color: #171713; background: var(--auto-primary); }
html[data-theme="dark"] .pr-total { background: #0E0F0D; border: 1px solid var(--auto-line); }
html[data-theme="dark"] .pr-cta .pr-btn.ghost, html[data-theme="dark"] .contact-banner .pr-btn.ghost { color: #FCFAF5; }
html[data-theme="dark"] .pr-cta .pr-btn.ghost:hover, html[data-theme="dark"] .contact-banner .pr-btn.ghost:hover { color: #171713; }


/* ============================================================
   AUTOMOTIVE ATELIER | GALLERY PAGE DARK MODE
============================================================ */
html[data-theme="dark"] .gl-section { background: var(--auto-paper); }
html[data-theme="dark"] .gl-section.alt { background: #1B1C19; }
html[data-theme="dark"] .gl-section.gl-dark { background: #111210; }
html[data-theme="dark"] .gl-hero-bg { background: radial-gradient(55% 70% at 78% 42%,rgba(197,166,110,.20),transparent 70%), radial-gradient(40% 50% at 6% 92%,rgba(197,166,110,.08),transparent 70%), #111210; }
html[data-theme="dark"] .gl-hero-circle { border-color: #111210; }
html[data-theme="dark"] .gl-badge, html[data-theme="dark"] .gl-ba-handle, html[data-theme="dark"] .gl-arrow:hover, html[data-theme="dark"] .gl-filter button.is-active { background: var(--auto-primary); color: #171713; }
html[data-theme="dark"] .gl-kicker, html[data-theme="dark"] .gl-link, html[data-theme="dark"] .gl-reel-item em, html[data-theme="dark"] .gl-step-body small, html[data-theme="dark"] .gl-ba-caption .gl-ba-hint { color: var(--auto-primary-light); }
html[data-theme="dark"] .gl-link:hover { color: #F1EEE7; }
html[data-theme="dark"] .gl-ba-stage::before, html[data-theme="dark"] .gl-collage-ring, html[data-theme="dark"] .gl-orbit-ring { border-color: rgba(197,166,110,.4); }
html[data-theme="dark"] .gl-ba { box-shadow: 0 34px 80px rgba(0,0,0,.55); }
html[data-theme="dark"] .gl-shape { box-shadow: 0 26px 56px rgba(0,0,0,.45); }
html[data-theme="dark"] .gl-reel-item:hover .gl-shape { box-shadow: 0 34px 70px rgba(197,166,110,.22); }
html[data-theme="dark"] .gl-ceramic-spin { color: var(--auto-primary); }
html[data-theme="dark"] .gl-ceramic-disc, html[data-theme="dark"] .gl-orbit-main, html[data-theme="dark"] .gl-collage-oval { box-shadow: 0 40px 90px rgba(0,0,0,.55); }
html[data-theme="dark"] .gl-ceramic-mini, html[data-theme="dark"] .gl-collage-circle { border-color: var(--auto-paper); box-shadow: 0 22px 50px rgba(0,0,0,.5); }
html[data-theme="dark"] .gl-layers li::before { background: var(--auto-paper); }
html[data-theme="dark"] .gl-step-circle, html[data-theme="dark"] .gl-orbit-main, html[data-theme="dark"] .gl-orbit-thumb { border-color: #1B1C19; }
html[data-theme="dark"] .gl-orbit-thumb.is-active { border-color: var(--auto-primary); }
html[data-theme="dark"] .gl-step-circle { box-shadow: 0 26px 56px rgba(0,0,0,.5); }
html[data-theme="dark"] .gl-step-node { background: #1B1C19; color: var(--auto-primary-light); }
html[data-theme="dark"] .gl-step-node.is-lit { background: var(--auto-primary); color: #171713; }
html[data-theme="dark"] .gl-float-pill { background: var(--auto-surface); box-shadow: 0 16px 38px rgba(0,0,0,.5); }
html[data-theme="dark"] .gl-chip:hover { color: #171713; }
html[data-theme="dark"] .gl-marquee-track span { -webkit-text-stroke-color: rgba(197,166,110,.55); }
html[data-theme="dark"] .gl-cta { border-top: 1px solid var(--auto-line); background: #111210 linear-gradient(90deg,rgba(14,15,13,.93),rgba(14,15,13,.8)),url("https://images.unsplash.com/photo-1503376780353-7e6692767b70?auto=format&fit=crop&w=1800&q=70") center/cover; }
html[data-theme="dark"] .gl-cta .pr-btn.ghost:hover { color: #171713; background: var(--auto-primary); }
html[data-theme="dark"] .gl-lb { background: rgba(6,7,6,.96); }
html[data-theme="dark"] .gl-quote-mark, html[data-theme="dark"] .gl-stars, html[data-theme="dark"] .gl-chip i, html[data-theme="dark"] .gl-float-pill i { color: var(--auto-primary); }
html[data-theme="dark"] .gl-chip:hover i { color: #171713; }


/* ============================================================
   AUTOMOTIVE ATELIER | ALL SERVICES PAGE DARK MODE
============================================================ */
html[data-theme="dark"] .sv-sec { background: var(--auto-paper); }
html[data-theme="dark"] .sv-sec.alt { background: #1B1C19; }
html[data-theme="dark"] .sv-hero-bg { background: radial-gradient(55% 70% at 78% 42%,rgba(197,166,110,.20),transparent 70%), radial-gradient(40% 50% at 6% 92%,rgba(197,166,110,.08),transparent 70%), #111210; }
html[data-theme="dark"] .sv-capsule, html[data-theme="dark"] .sv-bubble { border-color: #111210; }
html[data-theme="dark"] .sv-kicker, html[data-theme="dark"] .sv-link, html[data-theme="dark"] .sv-stage-meta i, html[data-theme="dark"] .sv-pill i { color: var(--auto-primary-light); }
html[data-theme="dark"] .sv-link:hover { color: #F1EEE7; }
html[data-theme="dark"] .sv-title, html[data-theme="dark"] .sv-sub, html[data-theme="dark"] .sv-stage h3, html[data-theme="dark"] .sv-row-main strong, html[data-theme="dark"] .sv-add-count strong, html[data-theme="dark"] .sv-step h3, html[data-theme="dark"] .sv-layer-list b, html[data-theme="dark"] .sv-faq-q { color: #F1EEE7; }
html[data-theme="dark"] .sv-sec.sv-dark .sv-title { color: #FCFAF5; }
html[data-theme="dark"] .sv-title span, html[data-theme="dark"] .sv-sec.sv-dark .sv-title span { color: var(--auto-primary); }
html[data-theme="dark"] .sv-sec.sv-dark .sv-title span { color: var(--auto-primary-light); }
html[data-theme="dark"] .sv-row:hover .sv-row-icon, html[data-theme="dark"] .sv-row:hover .sv-row-go, html[data-theme="dark"] .sv-tab.is-active, html[data-theme="dark"] .sv-pill.is-selected, html[data-theme="dark"] .sv-hot-label { background: var(--auto-primary); color: #171713; }
html[data-theme="dark"] .sv-pill.is-selected i { color: #171713; }
html[data-theme="dark"] .sv-row-go, html[data-theme="dark"] .sv-tab, html[data-theme="dark"] .sv-pill { color: var(--auto-ink); }
html[data-theme="dark"] .sv-row:hover .sv-row-main strong, html[data-theme="dark"] .sv-faq-q:hover { color: var(--auto-primary-light); }
html[data-theme="dark"] .sv-peek { border-color: #20211E; box-shadow: 0 30px 70px rgba(0,0,0,.55); }
html[data-theme="dark"] .sv-leaf, html[data-theme="dark"] .sv-int-oval { box-shadow: 0 34px 80px rgba(0,0,0,.55); }
html[data-theme="dark"] .sv-ext-ring, html[data-theme="dark"] .sv-int-ring { border-color: rgba(197,166,110,.4); }
html[data-theme="dark"] .sv-gauge { background: var(--auto-surface); box-shadow: 0 24px 54px rgba(0,0,0,.5); }
html[data-theme="dark"] .sv-moon { border-color: #1B1C19; box-shadow: 0 20px 44px rgba(0,0,0,.5); }
html[data-theme="dark"] .sv-gauge b, html[data-theme="dark"] .sv-add-ring { color: #F1EEE7; }
html[data-theme="dark"] .sv-zones button i, html[data-theme="dark"] .sv-faq-q i, html[data-theme="dark"] .sv-add-ring, html[data-theme="dark"] .sv-node b { color: var(--auto-primary-light); }
html[data-theme="dark"] .sv-zones li.is-active button, html[data-theme="dark"] .sv-zones button:hover { color: #F1EEE7; }
html[data-theme="dark"] .sv-ppf-disc { background: radial-gradient(circle at 50% 40%,rgba(197,166,110,.2),rgba(197,166,110,.03) 70%); box-shadow: inset 0 0 0 1px rgba(197,166,110,.4), 0 0 0 16px rgba(197,166,110,.05); }
html[data-theme="dark"] .sv-car-body { fill: #23241F; }
html[data-theme="dark"] .sv-layer-list li::before, html[data-theme="dark"] .sv-node { background: var(--auto-paper); }
html[data-theme="dark"] .sv-node { box-shadow: 0 0 0 8px var(--auto-paper); }
html[data-theme="dark"] .sv-wave .line, html[data-theme="dark"] .sv-vline i { background: var(--auto-primary); }
html[data-theme="dark"] .sv-faq-mark { -webkit-text-stroke-color: rgba(197,166,110,.6); border-color: rgba(197,166,110,.4); }
html[data-theme="dark"] .sv-cta { background: linear-gradient(90deg,rgba(14,15,13,.93),rgba(14,15,13,.8)),url("../images/car.jpg") center/cover; }
html[data-theme="dark"] .sv-dark .pr-btn.ghost:hover { color: #171713; background: var(--auto-primary); }


/* VELORA HERO — DARK MODE */
body.dark-mode .hero { background: linear-gradient(115deg,#222629 0%,#1A1D20 49%,#111315 100%); }
body.dark-mode .hero-visual { filter: brightness(.83); }
body.dark-mode .hero-texture { background: linear-gradient(90deg,rgba(25,28,31,.98) 0%,rgba(25,28,31,.95) 31%,rgba(25,28,31,.75) 44%,rgba(25,28,31,0) 58%); }
body.dark-mode .hero .eyebrow, body.dark-mode .hero .feature-item, body.dark-mode .hero h1, body.dark-mode .hero .trust-copy strong, body.dark-mode .hero .rating-copy strong { color: #F1F2F2; }
body.dark-mode .hero h1 em { color: #D8C49A; }
body.dark-mode .hero .hero-description, body.dark-mode .hero .trust-copy > span { color: #C0C5C9; }
body.dark-mode .hero .feature-item { border-color: rgba(255,255,255,.16); }
body.dark-mode .hero .trust-rating { border-color: rgba(255,255,255,.16); }
body.dark-mode .hero .process-btn { color: #F1F2F2; border-color: rgba(255,255,255,.35); }
body.dark-mode .hero .play-icon { border-color: #F1F2F2; }
body.dark-mode .hero::after { background: #191C1F; }
@media (max-width: 767px) { body.dark-mode .hero-texture { background: linear-gradient(180deg,#1B1E21 0%,#1B1E21 43%,rgba(27,30,33,.15) 61%,rgba(27,30,33,0) 100%); } }


/* ==================== BRAND STORY DARK MODE ==================== */
body.dark-mode .atelier-h2brand-section, html.dark-mode .atelier-h2brand-section, body.dark .atelier-h2brand-section, html.dark .atelier-h2brand-section, body[data-theme="dark"] .atelier-h2brand-section, html[data-theme="dark"] .atelier-h2brand-section { --atelier-h2brand-bg: #171815; --atelier-h2brand-text: #F1EEE7; --atelier-h2brand-muted: #B9B5AA; --atelier-h2brand-line: rgba(241,238,231,.18); background: var(--atelier-h2brand-bg); color: var(--atelier-h2brand-text); }
body.dark-mode .atelier-h2brand-title, html.dark-mode .atelier-h2brand-title, body.dark .atelier-h2brand-title, html.dark .atelier-h2brand-title, body[data-theme="dark"] .atelier-h2brand-title, html[data-theme="dark"] .atelier-h2brand-title { color: var(--atelier-h2brand-text); }
body.dark-mode .atelier-h2brand-intro, html.dark-mode .atelier-h2brand-intro, body.dark .atelier-h2brand-intro, html.dark .atelier-h2brand-intro, body[data-theme="dark"] .atelier-h2brand-intro, html[data-theme="dark"] .atelier-h2brand-intro { color: var(--atelier-h2brand-text); }
body.dark-mode .atelier-h2brand-description, body.dark-mode .atelier-h2brand-signature, body.dark-mode .atelier-h2brand-principle p, html.dark-mode .atelier-h2brand-description, html.dark-mode .atelier-h2brand-signature, html.dark-mode .atelier-h2brand-principle p, body.dark .atelier-h2brand-description, body.dark .atelier-h2brand-signature, body.dark .atelier-h2brand-principle p, html.dark .atelier-h2brand-description, html.dark .atelier-h2brand-signature, html.dark .atelier-h2brand-principle p, body[data-theme="dark"] .atelier-h2brand-description, body[data-theme="dark"] .atelier-h2brand-signature, body[data-theme="dark"] .atelier-h2brand-principle p, html[data-theme="dark"] .atelier-h2brand-description, html[data-theme="dark"] .atelier-h2brand-signature, html[data-theme="dark"] .atelier-h2brand-principle p { color: var(--atelier-h2brand-muted); }
body.dark-mode .atelier-h2brand-link, html.dark-mode .atelier-h2brand-link, body.dark .atelier-h2brand-link, html.dark .atelier-h2brand-link, body[data-theme="dark"] .atelier-h2brand-link, html[data-theme="dark"] .atelier-h2brand-link { color: var(--atelier-h2brand-text); border-color: var(--atelier-h2brand-gold); }
body.dark-mode .atelier-h2brand-link:hover, body.dark-mode .atelier-h2brand-link:focus-visible, html.dark-mode .atelier-h2brand-link:hover, html.dark-mode .atelier-h2brand-link:focus-visible, body.dark .atelier-h2brand-link:hover, body.dark .atelier-h2brand-link:focus-visible, html.dark .atelier-h2brand-link:hover, html.dark .atelier-h2brand-link:focus-visible, body[data-theme="dark"] .atelier-h2brand-link:hover, body[data-theme="dark"] .atelier-h2brand-link:focus-visible, html[data-theme="dark"] .atelier-h2brand-link:hover, html[data-theme="dark"] .atelier-h2brand-link:focus-visible { color: var(--atelier-h2brand-gold-light); }
body.dark-mode .atelier-h2brand-stamp, html.dark-mode .atelier-h2brand-stamp, body.dark .atelier-h2brand-stamp, html.dark .atelier-h2brand-stamp, body[data-theme="dark"] .atelier-h2brand-stamp, html[data-theme="dark"] .atelier-h2brand-stamp { background: var(--atelier-h2brand-bg); color: var(--atelier-h2brand-gold-light); }
body.dark-mode .atelier-h2brand-principle h3, html.dark-mode .atelier-h2brand-principle h3, body.dark .atelier-h2brand-principle h3, html.dark .atelier-h2brand-principle h3, body[data-theme="dark"] .atelier-h2brand-principle h3, html[data-theme="dark"] .atelier-h2brand-principle h3 { color: var(--atelier-h2brand-text); }
body.dark-mode .atelier-h2brand-statement > p, html.dark-mode .atelier-h2brand-statement > p, body.dark .atelier-h2brand-statement > p, html.dark .atelier-h2brand-statement > p, body[data-theme="dark"] .atelier-h2brand-statement > p, html[data-theme="dark"] .atelier-h2brand-statement > p { color: var(--atelier-h2brand-text); }


/* =========================================================
   AUTOMOTIVE ATELIER — SIGNATURE SERVICES DARK MODE
========================================================= */

body.dark-mode .atelier-signature, html.dark-mode .atelier-signature, body.dark .atelier-signature, html.dark .atelier-signature, body[data-theme="dark"] .atelier-signature, html[data-theme="dark"] .atelier-signature { --as-bg: #191A17; --as-ink: #F0EEE8; --as-muted: #B0ADA3; --as-line: rgba(235,229,216,.16); background: var(--as-bg); color: var(--as-ink); }
body.dark-mode .atelier-signature__intro h2, html.dark-mode .atelier-signature__intro h2, body.dark .atelier-signature__intro h2, html.dark .atelier-signature__intro h2, body[data-theme="dark"] .atelier-signature__intro h2, html[data-theme="dark"] .atelier-signature__intro h2 { color: var(--as-ink); }
body.dark-mode .atelier-signature__services-head h3, html.dark-mode .atelier-signature__services-head h3, body.dark .atelier-signature__services-head h3, html.dark .atelier-signature__services-head h3, body[data-theme="dark"] .atelier-signature__services-head h3, html[data-theme="dark"] .atelier-signature__services-head h3 { color: var(--as-ink); }
body.dark-mode .atelier-signature__service-title, html.dark-mode .atelier-signature__service-title, body.dark .atelier-signature__service-title, html.dark .atelier-signature__service-title, body[data-theme="dark"] .atelier-signature__service-title, html[data-theme="dark"] .atelier-signature__service-title { color: var(--as-ink); }
body.dark-mode .atelier-signature__feature-note strong, html.dark-mode .atelier-signature__feature-note strong, body.dark .atelier-signature__feature-note strong, html.dark .atelier-signature__feature-note strong, body[data-theme="dark"] .atelier-signature__feature-note strong, html[data-theme="dark"] .atelier-signature__feature-note strong { color: var(--as-ink); }
body.dark-mode .atelier-signature__service::before, html.dark-mode .atelier-signature__service::before, body.dark .atelier-signature__service::before, html.dark .atelier-signature__service::before, body[data-theme="dark"] .atelier-signature__service::before, html[data-theme="dark"] .atelier-signature__service::before { background: rgba(185,154,99,.1); }
body.dark-mode .atelier-signature__text-link, html.dark-mode .atelier-signature__text-link, body.dark .atelier-signature__text-link, html.dark .atelier-signature__text-link, body[data-theme="dark"] .atelier-signature__text-link, html[data-theme="dark"] .atelier-signature__text-link { color: var(--as-ink); }
body.dark-mode .atelier-signature__cta, html.dark-mode .atelier-signature__cta, body.dark .atelier-signature__cta, html.dark .atelier-signature__cta, body[data-theme="dark"] .atelier-signature__cta, html[data-theme="dark"] .atelier-signature__cta { color: var(--as-ink); }
body.dark-mode .atelier-signature__cta:hover, html.dark-mode .atelier-signature__cta:hover, body.dark .atelier-signature__cta:hover, html.dark .atelier-signature__cta:hover, body[data-theme="dark"] .atelier-signature__cta:hover, html[data-theme="dark"] .atelier-signature__cta:hover { color: #fff; }
body.dark-mode .atelier-signature__feature-image, html.dark-mode .atelier-signature__feature-image, body.dark .atelier-signature__feature-image, html.dark .atelier-signature__feature-image, body[data-theme="dark"] .atelier-signature__feature-image, html[data-theme="dark"] .atelier-signature__feature-image { background: #11120F; }

/* =========================================================
   BEFORE & AFTER TRANSFORMATIONS | DARK MODE
========================================================= */
body.dark-mode .atelier-transform, html.dark-mode .atelier-transform, body.dark .atelier-transform, html.dark .atelier-transform, body[data-theme="dark"] .atelier-transform, html[data-theme="dark"] .atelier-transform { --at-bg: #141512; --at-ink: #F0EEE8; --at-muted: #B0ADA3; --at-line: rgba(235,229,216,.16); background: var(--at-bg); color: var(--at-ink); }

html[data-theme="dark"] .atelier-transform::before { border-color: rgba(216,196,154,.2); }
html[data-theme="dark"] .atelier-transform::after { background: radial-gradient(circle, rgba(185,154,99,.12), transparent 68%); }
html[data-theme="dark"] .atelier-transform__lens { box-shadow: 0 50px 100px -40px rgba(0,0,0,.85); }
html[data-theme="dark"] .atelier-transform__cta:hover { color: #171713; }
/* =========================================================
   CERAMIC COATING TECHNOLOGY | DARK MODE
========================================================= */
body.dark-mode .atelier-ceramic, html.dark-mode .atelier-ceramic, body.dark .atelier-ceramic, html.dark .atelier-ceramic, body[data-theme="dark"] .atelier-ceramic, html[data-theme="dark"] .atelier-ceramic { --ac-bg: #191A17; --ac-ink: #F0EEE8; --ac-muted: #B0ADA3; --ac-line: rgba(235,229,216,.16); --ac-glass: rgba(25,26,23,.84); background: var(--ac-bg); color: var(--ac-ink); }

html[data-theme="dark"] .atelier-ceramic::before { background: radial-gradient(circle, rgba(185,154,99,.12), transparent 62%); }
html[data-theme="dark"] .atelier-ceramic__oval { box-shadow: 0 60px 110px -40px rgba(0,0,0,.9); }
html[data-theme="dark"] .atelier-ceramic__pill { border-color: rgba(216,196,154,.45); box-shadow: 0 16px 36px -16px rgba(0,0,0,.75); }
html[data-theme="dark"] .atelier-ceramic__layer--clear .atelier-ceramic__rule { background: rgba(235,229,216,.34); }
html[data-theme="dark"] .atelier-ceramic__layer--colour .atelier-ceramic__rule { background: rgba(235,229,216,.26); }
html[data-theme="dark"] .atelier-ceramic__layer--primer .atelier-ceramic__rule { background: rgba(235,229,216,.2); }
html[data-theme="dark"] .atelier-ceramic__layer--panel .atelier-ceramic__rule { background: rgba(235,229,216,.34); }
html[data-theme="dark"] .atelier-ceramic__cta:hover { color: #171713; }

/* =========================================================
   PAINT CORRECTION & RESTORATION | DARK MODE
========================================================= */
body.dark-mode .atelier-correction, html.dark-mode .atelier-correction, body.dark .atelier-correction, html.dark .atelier-correction, body[data-theme="dark"] .atelier-correction, html[data-theme="dark"] .atelier-correction { --ap-bg: #121311; --ap-ink: #F0EEE8; --ap-muted: #B0ADA3; --ap-line: rgba(235,229,216,.16); --ap-glass: rgba(25,26,23,.86); background: var(--ap-bg); color: var(--ap-ink); }

html[data-theme="dark"] .atelier-correction::before { border-color: rgba(216,196,154,.2); }
html[data-theme="dark"] .atelier-correction::after { background: radial-gradient(circle, rgba(185,154,99,.11), transparent 68%); }
html[data-theme="dark"] .atelier-correction__panel { box-shadow: 0 50px 100px -36px rgba(0,0,0,.9); }
html[data-theme="dark"] .atelier-correction__pill { border-color: rgba(216,196,154,.45); box-shadow: 0 16px 36px -16px rgba(0,0,0,.75); }
html[data-theme="dark"] .atelier-correction__step.is-done .atelier-correction__node { background: rgba(185,154,99,.24); }
html[data-theme="dark"] .atelier-correction__cta:hover { color: #171713; }

/* =========================================================
   VEHICLE SHOWROOM GALLERY | DARK MODE
========================================================= */
body.dark-mode .atelier-showroom, html.dark-mode .atelier-showroom, body.dark .atelier-showroom, html.dark .atelier-showroom, body[data-theme="dark"] .atelier-showroom, html[data-theme="dark"] .atelier-showroom { --sr-solid: #0D0E0C; --sr-muted: #B4B1A7; background: radial-gradient(ellipse at 50% 42%, #1E1D18 0%, #12130F 48%, #0A0B09 100%); }

html[data-theme="dark"] .atelier-showroom::before { border-color: rgba(216,196,154,.18); }
html[data-theme="dark"] .atelier-showroom__slide.is-active .atelier-showroom__frame { box-shadow: 0 0 0 7px #0D0E0C, 0 0 0 8px var(--sr-gold), 0 70px 120px -36px rgba(0,0,0,1); }  


/* ============================================================
   AUTOMOTIVE ATELIER | WHY CHOOSE & TESTIMONIALS DARK MODE
============================================================ */
html[data-theme="dark"] .atelier-why { --wy-bg: #141512; --wy-ink: #F0EEE8; --wy-muted: #B0ADA3; --wy-line: rgba(235,229,216,.16); --wy-gold-deep: #D5B77D; }
html[data-theme="dark"] .atelier-why::before { border-color: rgba(216,196,154,.2); }
html[data-theme="dark"] .atelier-why::after { background: radial-gradient(circle, rgba(185,154,99,.12), transparent 68%); }
html[data-theme="dark"] .atelier-why__capsule { box-shadow: 0 50px 100px -40px rgba(0,0,0,.85); }
html[data-theme="dark"] .atelier-why__stamp,
html[data-theme="dark"] .atelier-why__chip { background: #1D1E1A; box-shadow: 0 14px 34px rgba(0,0,0,.45); }
html[data-theme="dark"] .atelier-why__text-link:hover i { color: #171713; }
html[data-theme="dark"] .atelier-why__medal { background: #141512; box-shadow: 0 0 0 8px #141512; }
html[data-theme="dark"] .atelier-why__cta:hover { color: #171713; }
@media (max-width: 767px) { html[data-theme="dark"] .atelier-why__medal { box-shadow: none; } }

html[data-theme="dark"] .atelier-voices { background: radial-gradient(ellipse at 72% 42%, #22211B 0%, #151612 48%, #0E0F0D 100%); }
html[data-theme="dark"] .atelier-voices__node-in { background: #181915; }
html[data-theme="dark"] .atelier-voices__node:hover .atelier-voices__node-in { background: #25231C; }
html[data-theme="dark"] .atelier-voices__node.is-active .atelier-voices__node-in { background: var(--auto-primary); color: #171713; }
html[data-theme="dark"] .atelier-voices__disc { background: radial-gradient(circle at 35% 28%, rgba(216,196,154,.18), rgba(17,18,15,.96) 62%); }  

/* ============================================================
   AUTOMOTIVE ATELIER | HERO SLIDER DARK MODE
   (the hero is dark in both themes, so dark mode only refines it)
============================================================ */
html[data-theme="dark"] .atelier-reel { --rl-gold: #C5A66E; --rl-gold-light: #E0CB9F; background: #0C0D0B; }
html[data-theme="dark"] .atelier-reel__slide { background: #0C0D0B; }
html[data-theme="dark"] .atelier-reel__shade { background: linear-gradient(90deg, rgba(8,9,8,.94) 0%, rgba(8,9,8,.7) 38%, rgba(8,9,8,.62) 78%, rgba(8,9,8,.74) 100%), linear-gradient(0deg, rgba(8,9,8,.8) 0%, transparent 38%); }
html[data-theme="dark"] .atelier-reel__cta:hover { background: #F0E6D1; }
html[data-theme="dark"] .atelier-reel__portal-img { background: #151612; }
html[data-theme="dark"] .atelier-reel__num { -webkit-text-stroke-color: rgba(224,203,159,.6); }
@media (max-width: 767px) {
  html[data-theme="dark"] .atelier-reel__shade { background: linear-gradient(0deg, rgba(8,9,8,.96) 0%, rgba(8,9,8,.74) 55%, rgba(8,9,8,.55) 100%); }
}

/* ============================================================
   AUTOMOTIVE ATELIER | BOOKING & OVERVIEW DARK MODE
============================================================ */
html[data-theme="dark"] .atelier-appt { --ap-bg: #141512; --ap-ink: #F0EEE8; --ap-muted: #B0ADA3; --ap-line: rgba(235,229,216,.16); --ap-gold-deep: #D5B77D; --ap-err: #E8907D; }
html[data-theme="dark"] .atelier-appt::before { border-color: rgba(216,196,154,.2); }
html[data-theme="dark"] .atelier-appt::after { background: radial-gradient(circle, rgba(185,154,99,.12), transparent 68%); }
html[data-theme="dark"] .atelier-appt__text-link:hover i { color: #171713; }
html[data-theme="dark"] .atelier-appt__orb { box-shadow: 0 50px 100px -34px rgba(0,0,0,.9), inset 0 0 50px rgba(185,154,99,.08); }
html[data-theme="dark"] .atelier-appt__day-face small { color: #B0ADA3; }
html[data-theme="dark"] .atelier-appt__day input:checked + .atelier-appt__day-face small { color: #171713; }
html[data-theme="dark"] .atelier-appt__cta:hover { color: #171713; }

html[data-theme="dark"] .atelier-queue { --qu-bg: #111210; --qu-gold-deep: #D5B77D; }
html[data-theme="dark"] .atelier-queue__disc { background: radial-gradient(circle at 34% 26%, #26241D 0%, #161713 60%, #0D0E0C 100%); }  

/* =========================================================
   AUTOMOTIVE ATELIER | TRACKER + CARE PACKAGES (DARK)
========================================================= */
html[data-theme="dark"] .atelier-track { --tk-bg: #141512; --tk-ink: #F0EEE8; --tk-muted: #B0ADA3; --tk-line: rgba(235,229,216,.16); --tk-gold-deep: #D5B77D; --tk-field: rgba(255,255,255,.04); --tk-err: #E8907D; --tk-ok: #8FB69A; }
html[data-theme="dark"] .atelier-track::before { border-color: rgba(216,196,154,.2); }
html[data-theme="dark"] .atelier-track::after { background: radial-gradient(circle, rgba(185,154,99,.12), transparent 68%); }
html[data-theme="dark"] .atelier-track__rail { stroke: rgba(216,196,154,.45); }
html[data-theme="dark"] .atelier-track__photo { box-shadow: 0 46px 90px -34px rgba(0,0,0,.9); }
html[data-theme="dark"] .atelier-track__node { background: #1B1C18; border-color: rgba(216,196,154,.6); color: var(--tk-gold-light); }
html[data-theme="dark"] .atelier-track__node.is-done { background: var(--tk-gold); border-color: var(--tk-gold); color: #171713; }
html[data-theme="dark"] .atelier-track__node::after { background: var(--tk-gold-light); color: #171713; }
html[data-theme="dark"] .atelier-track__car { box-shadow: 0 10px 28px rgba(0,0,0,.55); }
html[data-theme="dark"] .atelier-track__num { -webkit-text-stroke-color: var(--tk-gold-light); }
html[data-theme="dark"] .atelier-track__state[data-state="live"] { background: rgba(185,154,99,.14); }
html[data-theme="dark"] .atelier-track__facts dt::after { border-bottom-color: rgba(235,229,216,.28); }
html[data-theme="dark"] .atelier-track__cta:hover i { background: #171713; color: var(--tk-gold-light); }
html[data-theme="dark"] .atelier-track__text-link:hover i { color: #171713; }

html[data-theme="dark"] .atelier-care { --cr-bg: #1C1D19; --cr-ink: #F0EEE8; --cr-muted: #B0ADA3; --cr-line: rgba(235,229,216,.16); --cr-gold-deep: #D5B77D; --cr-soft: rgba(255,255,255,.04); --cr-night: #C5A66E; }
html[data-theme="dark"] .atelier-care::before { background: radial-gradient(circle, rgba(185,154,99,.14), transparent 68%); }
html[data-theme="dark"] .atelier-care::after { border-color: rgba(216,196,154,.2); }
html[data-theme="dark"] .atelier-care__arches span { border-color: rgba(216,196,154,.5); }
html[data-theme="dark"] .atelier-care__arches span:nth-child(2) { border-color: rgba(216,196,154,.28); }
html[data-theme="dark"] .atelier-care__arch { box-shadow: 0 54px 100px -36px rgba(0,0,0,.9); }
html[data-theme="dark"] .atelier-care__seal { background: #111210; border: 1px solid rgba(216,196,154,.35); }
html[data-theme="dark"] .atelier-care__thumb { box-shadow: 0 10px 24px -10px rgba(0,0,0,.7); }
html[data-theme="dark"] .atelier-care__switch button[aria-checked="true"] { color: #171713; }
html[data-theme="dark"] .atelier-care__addon[aria-pressed="true"] { background: rgba(185,154,99,.22); }
html[data-theme="dark"] .atelier-care__cta:hover i { background: #171713; color: var(--cr-gold-light); }
html[data-theme="dark"] .atelier-care__text-link:hover i { color: #171713; }  

/* =========================================================
   AUTOMOTIVE ATELIER | LOYALTY + MAINTENANCE + HISTORY (DARK)
========================================================= */
html[data-theme="dark"] .atelier-loyal { --lo-bg: #0F100D; --lo-gold-deep: #D5B77D; }
html[data-theme="dark"] .atelier-loyal::before { background: radial-gradient(circle, rgba(185,154,99,.17), transparent 66%); }
html[data-theme="dark"] .atelier-loyal__coin { background: radial-gradient(circle at 30% 25%, #2A2820, #121310); }
html[data-theme="dark"] .atelier-loyal__coin[aria-checked="true"] { background: radial-gradient(circle at 30% 25%, var(--lo-gold-light), var(--lo-gold) 55%, var(--lo-gold-deep)); }

html[data-theme="dark"] .atelier-maint { --mt-bg: #171815; --mt-ink: #F0EEE8; --mt-muted: #B0ADA3; --mt-line: rgba(235,229,216,.16); --mt-tick: rgba(235,229,216,.28); --mt-tick-strong: rgba(235,229,216,.5); --mt-gold-deep: #D5B77D; }
html[data-theme="dark"] .atelier-maint::before { background: radial-gradient(circle, rgba(185,154,99,.13), transparent 68%); }
html[data-theme="dark"] .atelier-maint::after { border-color: rgba(216,196,154,.2); }
html[data-theme="dark"] .atelier-maint__hex-lines polygon { stroke: rgba(216,196,154,.55); }
html[data-theme="dark"] .atelier-maint__pin i { background: #171815; }
html[data-theme="dark"] .atelier-maint__cta:hover i { background: #171713; color: var(--mt-gold-light); }
html[data-theme="dark"] .atelier-maint__remind[aria-pressed="true"] { background: rgba(185,154,99,.24); }

html[data-theme="dark"] .atelier-history { --hs-bg: #1C1D19; --hs-ink: #F0EEE8; --hs-muted: #B0ADA3; --hs-line: rgba(235,229,216,.16); --hs-gold-deep: #D5B77D; --hs-soft: rgba(255,255,255,.04); }
html[data-theme="dark"] .atelier-history::before { background: radial-gradient(circle, rgba(185,154,99,.14), transparent 68%); }
html[data-theme="dark"] .atelier-history::after { border-color: rgba(216,196,154,.2); }
html[data-theme="dark"] .atelier-history__car[aria-checked="true"] { background: rgba(185,154,99,.2); }
html[data-theme="dark"] .atelier-history__proof img { border-color: var(--hs-bg); }
html[data-theme="dark"] .atelier-history__peek { box-shadow: 0 30px 70px -20px rgba(0,0,0,.9); }
html[data-theme="dark"] .atelier-history__cta:hover i { background: #171713; color: var(--hs-gold-light); }
html[data-theme="dark"] .atelier-history__text-link:hover i { color: #171713; }

/* ============================================================
   AUTOMOTIVE ATELIER | ABOUT PAGE DARK MODE
============================================================ */
html[data-theme="dark"] .ab-page { background: var(--auto-paper); }
html[data-theme="dark"] .ab-hero__glow { background: radial-gradient(circle, rgba(197,166,110,.16), transparent 65%); }
html[data-theme="dark"] .ab-hero__word { -webkit-text-stroke-color: rgba(197,166,110,.22); }
html[data-theme="dark"] .ab-arch, html[data-theme="dark"] .ab-pill--tall, html[data-theme="dark"] .ab-exp__disc, html[data-theme="dark"] .ab-ba__frame { box-shadow: 0 40px 80px rgba(0,0,0,.5); }
html[data-theme="dark"] .ab-btn { color: #171713; }
html[data-theme="dark"] .ab-btn:hover { background: #F0E6D1; color: #171713; }
html[data-theme="dark"] .ab-story, html[data-theme="dark"] .ab-ba { background: #1B1C19; }
html[data-theme="dark"] .ab-pill--wide { border-color: #1B1C19; }
html[data-theme="dark"] .ab-orb { border-color: var(--auto-paper); }
html[data-theme="dark"] .ab-exp { background: var(--auto-paper); }
html[data-theme="dark"] .ab-exp__count { background: var(--auto-surface); box-shadow: 0 10px 26px rgba(0,0,0,.4); }
html[data-theme="dark"] .ab-marquee { background: #0E0F0D; }
html[data-theme="dark"] .ab-kicker i { box-shadow: 0 0 0 4px rgba(197,166,110,.18); }
html[data-theme="dark"] .ab-tenet:hover .ab-tenet__no { color: var(--auto-primary); }
html[data-theme="dark"] .ab-ba__tabs button { color: var(--auto-ink); border-color: rgba(197,166,110,.45); }
html[data-theme="dark"] .ab-ba__tabs button.is-active, html[data-theme="dark"] .ab-ba__tabs button.is-active b { color: #171713; }
html[data-theme="dark"] .ab-ba__label { background: rgba(0,0,0,.6); }
html[data-theme="dark"] .ab-ba__label--a { background: rgba(197,166,110,.95); color: #171713; }
html[data-theme="dark"] .ab-ba__meta { border-color: var(--auto-line); } 

/* ============================================================
   AUTOMOTIVE ATELIER | ABOUT: STORY & EXPERTISE DARK MODE
============================================================ */
html[data-theme="dark"] .atelier-origin { --or-bg: #141512; --or-ink: #F0EEE8; --or-muted: #B0ADA3; --or-line: rgba(235,229,216,.16); --or-gold-deep: #D5B77D; }
html[data-theme="dark"] .atelier-origin::before { border-color: rgba(216,196,154,.2); }
html[data-theme="dark"] .atelier-origin__disc { box-shadow: 0 40px 90px -30px rgba(0,0,0,.85); }
html[data-theme="dark"] .atelier-origin__link:hover i { color: #171713; }
html[data-theme="dark"] .atelier-origin__word { -webkit-text-stroke-color: rgba(240,238,232,.45); }
html[data-theme="dark"] .atelier-origin__pillar.is-active .atelier-origin__word { -webkit-text-stroke-color: transparent; }
html[data-theme="dark"] .atelier-origin__float { box-shadow: 0 40px 90px -24px rgba(0,0,0,.9); }

html[data-theme="dark"] .atelier-mastery { --ms-bg: #111210; }
html[data-theme="dark"] .atelier-mastery__thumb { box-shadow: 0 0 0 5px #111210, 0 0 0 6px rgba(185,154,99,.45); }
html[data-theme="dark"] .atelier-mastery__call.is-active .atelier-mastery__thumb { box-shadow: 0 0 0 5px #111210, 0 0 0 7px var(--ms-gold), 0 0 28px 6px rgba(185,154,99,.3); }
@media (max-width: 767px) {
  html[data-theme="dark"] .atelier-mastery__thumb { box-shadow: 0 0 0 4px #111210, 0 0 0 5px rgba(185,154,99,.45); }
  html[data-theme="dark"] .atelier-mastery__call.is-active .atelier-mastery__thumb { box-shadow: 0 0 0 4px #111210, 0 0 0 6px var(--ms-gold), 0 0 20px 4px rgba(185,154,99,.3); }
}

/* ============================================================
   AUTOMOTIVE ATELIER | ABOUT: STANDARDS, STUDIO, DIFFERENCE & CTA DARK MODE
============================================================ */
/* Standards */
html[data-theme="dark"] .atelier-standard { --sd-bg: #141512; --sd-ink: #F0EEE8; --sd-muted: #B0ADA3; --sd-line: rgba(235,229,216,.16); --sd-road: #1E1F1B; --sd-edge: rgba(235,229,216,.16); --sd-gold-deep: #D5B77D; }
html[data-theme="dark"] .atelier-standard::before { border-color: rgba(216,196,154,.2); }
html[data-theme="dark"] .atelier-standard__backdrop { opacity: .14; }
html[data-theme="dark"] .atelier-standard__head-core { stroke: #141512; }

/* Studio & Equipment */
html[data-theme="dark"] .atelier-gear { --gr-bg: #111210; }
html[data-theme="dark"] .atelier-gear__inset { border-color: #111210; }

/* Difference */
html[data-theme="dark"] .atelier-edge { --ed-bg: #141512; --ed-ink: #F0EEE8; --ed-muted: #B0ADA3; --ed-line: rgba(235,229,216,.16); --ed-gold-deep: #D5B77D; }
html[data-theme="dark"] .atelier-edge::after { border-color: rgba(216,196,154,.2); }
html[data-theme="dark"] .atelier-edge__badge { background: #1D1E1A; box-shadow: 0 16px 36px rgba(0,0,0,.5); }
html[data-theme="dark"] .atelier-edge__them span::after { background: #F0EEE8; }

/* Final CTA */
html[data-theme="dark"] .atelier-finale { background: #0B0C0A; }
html[data-theme="dark"] .atelier-finale__img--base { filter: grayscale(1) brightness(.28) contrast(1.1); }
html[data-theme="dark"] .atelier-finale__cta:hover { background: #F0E6D1; }
/* =========================================================
   CERAMIC COATING | BENEFITS + PACKAGES | DARK MODE
========================================================= */
html[data-theme="dark"] .atelier-cb { --cb-glass: rgba(32,33,30,.84); }
html[data-theme="dark"] .atelier-cb::before { border-color: rgba(216,196,154,.2); }
html[data-theme="dark"] .atelier-cb::after { background: radial-gradient(circle, rgba(197,166,110,.11), transparent 68%); }
html[data-theme="dark"] .atelier-cb__dome-frame { box-shadow: 0 40px 100px -40px rgba(0,0,0,.9); }
html[data-theme="dark"] .atelier-cb__dome-outline { border-color: rgba(216,196,154,.4); }
html[data-theme="dark"] .atelier-cb__num { -webkit-text-stroke-color: rgba(216,196,154,.4); }
html[data-theme="dark"] .atelier-cb__item.is-reached .atelier-cb__num { color: rgba(197,166,110,.14); -webkit-text-stroke-color: rgba(224,203,159,.95); }
html[data-theme="dark"] .atelier-cb__item.is-reached .atelier-cb__node { box-shadow: 0 0 0 1.5px var(--cb-gold), 0 0 0 10px rgba(197,166,110,.14); }
html[data-theme="dark"] .atelier-cb__cta:hover { color: #171713; }

html[data-theme="dark"] .atelier-cp { --cp-bg: #1B1C19; --cp-glass: rgba(27,28,25,.88); }
html[data-theme="dark"] .atelier-cp::after { border-color: rgba(216,196,154,.18); }
html[data-theme="dark"] .atelier-cp__arch { box-shadow: 0 50px 100px -40px rgba(0,0,0,.95); }
html[data-theme="dark"] .atelier-cp__tagpill > span { border-color: rgba(216,196,154,.5); box-shadow: 0 16px 36px -16px rgba(0,0,0,.8); }
html[data-theme="dark"] .atelier-cp__yr b { -webkit-text-stroke-color: rgba(216,196,154,.5); }
html[data-theme="dark"] .atelier-cp__tier:hover .atelier-cp__yr b,
html[data-theme="dark"] .atelier-cp__tier.is-active .atelier-cp__yr b { color: rgba(197,166,110,.16); -webkit-text-stroke-color: var(--cp-gold); }
html[data-theme="dark"] .atelier-cp__sizes button.is-active { color: #171713; }
html[data-theme="dark"] .atelier-cp__cta:hover { color: #171713; }
/* =========================================================
   CERAMIC COATING | GLOSS + PROCESS + MAINTENANCE | DARK MODE
========================================================= */
/* Paint Protection & Gloss Showcase (already a dark band; deepen slightly) */
html[data-theme="dark"] .atelier-pp__glow { background: radial-gradient(circle, rgba(197,166,110,.14), transparent 66%); }
html[data-theme="dark"] .atelier-pp__disc { box-shadow: 0 0 0 10px var(--pp-bg), 0 0 0 11px rgba(216,196,154,.5), 0 50px 100px -40px rgba(0,0,0,1); }
html[data-theme="dark"] .atelier-pp__link.is-hot .atelier-pp__disc { box-shadow: 0 0 0 10px var(--pp-bg), 0 0 0 11px var(--pp-gold), 0 60px 110px -36px rgba(0,0,0,1); }

/* Application Process */
html[data-theme="dark"] .atelier-ap::before { border-color: rgba(216,196,154,.2); }
html[data-theme="dark"] .atelier-ap::after { background: radial-gradient(circle, rgba(197,166,110,.11), transparent 68%); }
html[data-theme="dark"] .atelier-ap__leaf { box-shadow: 0 50px 100px -40px rgba(0,0,0,.95); }
html[data-theme="dark"] .atelier-ap__node.is-done { background: rgba(197,166,110,.22); }
html[data-theme="dark"] .atelier-ap__arrow { color: var(--ap-gold-light); }
html[data-theme="dark"] .atelier-ap__arrow:hover { color: #171713; }

/* Maintenance Guide */
html[data-theme="dark"] .atelier-mg { --mg-bg: #1B1C19; }
html[data-theme="dark"] .atelier-mg::before { background: radial-gradient(circle, rgba(197,166,110,.11), transparent 68%); }
html[data-theme="dark"] .atelier-mg::after { border-color: rgba(216,196,154,.18); }
html[data-theme="dark"] .atelier-mg__core { box-shadow: 0 40px 90px -36px rgba(0,0,0,.95); }
html[data-theme="dark"] .atelier-mg__arc-bg { stroke: rgba(216,196,154,.28); }
html[data-theme="dark"] .atelier-mg__node:hover { background: rgba(197,166,110,.24); }
html[data-theme="dark"] .atelier-mg__node.is-active { color: #171713; }
html[data-theme="dark"] .atelier-mg__node::before { border-color: rgba(216,196,154,.5); }
html[data-theme="dark"] .atelier-mg__cta:hover { color: #171713; }
/* ============================================================
   AUTOMOTIVE ATELIER | INTERIOR DETAILING DARK MODE
============================================================ */
html[data-theme="dark"] .intd-hero { background: #0E0F0D; }
html[data-theme="dark"] .intd-hero-bg::after { background: linear-gradient(90deg,rgba(10,11,9,.97) 0%,rgba(10,11,9,.88) 46%,rgba(10,11,9,.66) 100%); }
html[data-theme="dark"] .intd-glow { background: radial-gradient(circle,rgba(197,166,110,.22),transparent 68%); }
html[data-theme="dark"] .intd-stat b, html[data-theme="dark"] .intd-orbit text, html[data-theme="dark"] .intd-orbit i, html[data-theme="dark"] .intd-pill i { color: var(--auto-primary-light); }
html[data-theme="dark"] .intd-arch { box-shadow: 0 40px 80px rgba(0,0,0,.65); }

html[data-theme="dark"] .intd-treat { background: var(--auto-paper); }
html[data-theme="dark"] .intd-title { color: #F1EEE7; }
html[data-theme="dark"] .intd-title span { color: var(--auto-primary); }
html[data-theme="dark"] .intd-stage-disc { background: linear-gradient(160deg,#6b5c3e,#17140e); box-shadow: 0 30px 70px rgba(0,0,0,.55); }
html[data-theme="dark"] .intd-stage-tag { background: #0E0F0D; border-color: rgba(197,166,110,.55); }
html[data-theme="dark"] .intd-item-btn { color: #F1EEE7; }
html[data-theme="dark"] .intd-item.is-active .intd-item-arrow { background: var(--auto-primary); color: #171713; }
html[data-theme="dark"] .intd-ring-a { border-color: rgba(197,166,110,.55); }

html[data-theme="dark"] .intd-pkg { background: #0E0F0D; }
html[data-theme="dark"] .intd-pkg-glow { background: radial-gradient(circle,rgba(197,166,110,.16),transparent 68%); }
html[data-theme="dark"] .intd-pkg .intd-title { color: #F5F2EA; }
html[data-theme="dark"] .intd-switch { background: rgba(255,255,255,.05); border-color: rgba(197,166,110,.32); }
html[data-theme="dark"] .intd-glider { background: var(--auto-primary); box-shadow: 0 8px 24px rgba(0,0,0,.4); }
html[data-theme="dark"] .intd-ring-fill { stroke: var(--auto-primary); }
html[data-theme="dark"] .intd-feats li i { background: var(--auto-primary); color: #171713; }
html[data-theme="dark"] .intd-hero .pr-btn:not(.ghost), html[data-theme="dark"] .intd-pkg .pr-btn:not(.ghost) { color: #171713; } 
/* ============================================================
   AUTOMOTIVE ATELIER | INTERIOR DETAILING DARK MODE (PART 2)
============================================================ */
html[data-theme="dark"] .lea { background: var(--auto-surface); }
html[data-theme="dark"] .lea-blob { background: linear-gradient(160deg,#6b5336,#17100a); box-shadow: 0 34px 70px rgba(0,0,0,.55); }
html[data-theme="dark"] .lea-hot::before { box-shadow: 0 0 0 3px rgba(32,33,30,.9); }
html[data-theme="dark"] .lea-hot.is-active::before { background: #FFF; box-shadow: 0 0 0 4px var(--auto-primary); }
html[data-theme="dark"] .lea-hot b { background: #0E0F0D; }
html[data-theme="dark"] .lea-swatch { box-shadow: 0 0 0 8px var(--auto-surface), 0 14px 28px rgba(0,0,0,.5); }
html[data-theme="dark"] .lea-readout h3, html[data-theme="dark"] .lea-mat h4, html[data-theme="dark"] .prc-text h3 { color: #F1EEE7; }
html[data-theme="dark"] .lea-badge { box-shadow: 0 18px 38px rgba(0,0,0,.5); }

html[data-theme="dark"] .prc { background: var(--auto-paper); }
html[data-theme="dark"] .prc-marker { background: var(--auto-paper); }
html[data-theme="dark"] .prc-step.is-reached .prc-marker { background: var(--auto-primary); color: #171713; }
html[data-theme="dark"] .prc-media { box-shadow: 0 0 0 6px var(--auto-paper), 0 0 0 7px rgba(197,166,110,.65), 0 18px 36px rgba(0,0,0,.5); }
html[data-theme="dark"] .prc-base { stroke: rgba(197,166,110,.4); }

html[data-theme="dark"] .cta { background: #0E0F0D; }
html[data-theme="dark"] .cta-glow { background: radial-gradient(circle,rgba(197,166,110,.2),transparent 68%); }
html[data-theme="dark"] .cta-lens { box-shadow: 0 0 0 3px var(--auto-primary), 0 0 0 14px rgba(197,166,110,.14), 0 40px 90px rgba(0,0,0,.75); }
html[data-theme="dark"] .cta .pr-btn:not(.ghost) { color: #171713; }
html[data-theme="dark"] .cta-marquee { border-color: rgba(245,241,231,.1); }