/* Ursus Auto — two coherent themes. Dark mode retains original site styles. */
:root{color-scheme:dark}
.theme-toggle{width:42px;height:42px;flex:0 0 42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(216,155,85,.55);border-radius:50%;background:rgba(13,17,22,.82);color:#e6b579;cursor:pointer;transition:background .2s,transform .2s;position:relative;z-index:6}
.theme-toggle:hover{background:#28242a;transform:rotate(12deg)}
.theme-toggle:focus-visible{outline:2px solid #d89b55;outline-offset:3px}
.theme-icon{font-size:21px;line-height:1}
@media(max-width:760px){.theme-toggle{width:36px;height:36px;flex-basis:36px}}

/* Light palette. Scope all changes to light mode only. */
html[data-theme="light"]{color-scheme:light;--bg:#f4f1eb;--panel:#fffdfa;--panel2:#fffdfa;--text:#26282b;--muted:#676a6e;--line:#ded8ce;--accent:#b78242;--light:#ede6db}
html[data-theme="light"] body{background:#f4f1eb;color:#26282b}
html[data-theme="light"] .nav nav a,html[data-theme="light"] .nav .brand{color:#25272a}
html[data-theme="light"] .nav nav a:hover{color:#a57539}
html[data-theme="light"] .nav .button-ghost{background:#292b2d;color:#fff;border-color:#292b2d}
html[data-theme="light"] .nav .button-ghost:hover{background:#45413b}
html[data-theme="light"] .theme-toggle{background:#f5f0e7;color:#8b632e;border-color:#c9ae87}
/* Hero is defined once in the section below. */
/* Warm alternating surfaces instead of a blanket white repaint. */
html[data-theme="light"] .global-sourcing,html[data-theme="light"] .calculator-section,html[data-theme="light"] .responsibility-section,html[data-theme="light"] .payment-section,html[data-theme="light"] .faq{background:#f4f1eb;color:#26282b}
html[data-theme="light"] .advantages,html[data-theme="light"] .lead-section{background:#ebe7df;color:#26282b}
html[data-theme="light"] .global-head h2,html[data-theme="light"] .calculator-copy h2,html[data-theme="light"] .advantages h2,html[data-theme="light"] .responsibility-intro h2,html[data-theme="light"] .payment-head h2,html[data-theme="light"] .faq h2,html[data-theme="light"] .lead-card h2,html[data-theme="light"] .office-heading h2{color:#242629}
html[data-theme="light"] .global-head>p,html[data-theme="light"] .calculator-copy>p:not(.section-kicker),html[data-theme="light"] .responsibility-intro>p,html[data-theme="light"] .payment-head>p,html[data-theme="light"] .office-heading>p:last-child{color:#66696e}
html[data-theme="light"] .section-kicker{color:#a36e32}
/* Sourcing grid */
html[data-theme="light"] .market-grid{border-color:#dcd5ca}
html[data-theme="light"] .market-grid article{background:#fffdfa!important;color:#25272a;border-color:#e0d9ce!important;box-shadow:none!important}
html[data-theme="light"] .market-grid article span{color:#a36e32}
html[data-theme="light"] .market-grid article strong{color:#2c2c2e}
/* Calculator and lead forms */
html[data-theme="light"] .calculator-card,html[data-theme="light"] .lead-card{background:#fffdfa;color:#27292c;border:1px solid #dfd8ce;box-shadow:0 18px 55px rgba(55,46,34,.07)}
html[data-theme="light"] .calculator-card label,html[data-theme="light"] .lead-card label{color:#56595e}
html[data-theme="light"] .calculator-card input:not([type=range]),html[data-theme="light"] .calculator-card select,html[data-theme="light"] .lead-card input,html[data-theme="light"] .lead-card select,html[data-theme="light"] .lead-card textarea{background:#f7f5f1;color:#27292c;border:1px solid #d8d1c6}
html[data-theme="light"] input::placeholder,html[data-theme="light"] textarea::placeholder{color:#777a7d}
html[data-theme="light"] .budget-label strong,html[data-theme="light"] .calculator-card strong{color:#292a2d}
html[data-theme="light"] .steps{border-color:#ddd5c9;color:#74716d}
html[data-theme="light"] .range-meta,html[data-theme="light"] .calc-note p{color:#65686b}
html[data-theme="light"] .car-card{background:#fffdfa;color:#292b2e;border-color:#ded8ce}
html[data-theme="light"] .car-card p,html[data-theme="light"] .car-details p{color:#64676b}
html[data-theme="light"] .car-details li{background:#f3efe8;color:#3e4246}
html[data-theme="light"] .car-details,html[data-theme="light"] .card-more{border-color:#ddd6cc}
/* Benefits */
html[data-theme="light"] .advantages-grid{border-color:#d8d0c4}
html[data-theme="light"] .advantages-grid article{background:#fffdfa!important;color:#25272a;border-color:#ded7cd!important;box-shadow:none!important}
html[data-theme="light"] .advantages-grid h3{color:#25272a}
html[data-theme="light"] .advantages-note{color:#676b6e}
/* Timeline, which uses important declarations in funnel-overrides.css */
html[data-theme="light"] .responsibility-table:before{background:linear-gradient(90deg,#b78242,#d8b788,#c7bfb3)}
html[data-theme="light"] .responsibility-row,html[data-theme="light"] .responsibility-row:hover,html[data-theme="light"] .responsibility-row:focus{background:transparent!important;color:#27292c!important}
html[data-theme="light"] .responsibility-row h3{color:#27292c}
html[data-theme="light"] .responsibility-row p{color:#686b70!important}
html[data-theme="light"] .responsibility-row:before{border-color:#f4f1eb!important}
html[data-theme="light"] .responsibility-disclaimer{color:#676b6e}
/* Payment retains its designed contrast: pale steps, dark center. */
html[data-theme="light"] .payment-journey{background:#fffdfa;border-color:#d6ccbd}
html[data-theme="light"] .payment-step{color:#292b2e}
html[data-theme="light"] .payment-step li{border-color:#e0d8cd}
html[data-theme="light"] .payment-road{background:#272b2f;color:#fff}
html[data-theme="light"] .payment-road p{color:#d1d3d5}
html[data-theme="light"] .finance-callout{background:#fffdfa;border-color:#d8d0c4}
html[data-theme="light"] .finance-callout h3{color:#292b2e}
/* FAQ and accordions */
html[data-theme="light"] .accordion{border-color:#d7d0c5}
html[data-theme="light"] .accordion button,html[data-theme="light"] .accordion summary{color:#292b2e}
html[data-theme="light"] .accordion p{color:#62666b}
/* Office: warm card, clear address and route */
html[data-theme="light"] .office-section{background:#ebe7df!important;color:#27292c!important}
html[data-theme="light"] .office-card{background:#fffdfa!important;color:#27292c!important;border-color:#d8cbb7!important;box-shadow:0 18px 48px rgba(50,42,32,.08)}
html[data-theme="light"] .office-info h3{color:#27292c}
html[data-theme="light"] .office-address,html[data-theme="light"] .office-note{color:#65686b}
html[data-theme="light"] .office-route{color:#835b2c}
html[data-theme="light"] .office-route:hover{color:#171717}
/* Keep gold/brand promotional sections and dark footer intentionally distinctive. */
html[data-theme="light"] .referral{background:#d89b55;color:#121417}
html[data-theme="light"] footer{background:#11161b!important;color:#f3eee6!important}
html[data-theme="light"] footer a,html[data-theme="light"] footer .brand{color:#e9e3d9}
html[data-theme="light"] footer p,html[data-theme="light"] footer span{color:#b9b8b6}
html[data-theme="light"] .footer-bottom{border-color:#31383d}
/* Modals remain dark, so contrast is preserved. */
html[data-theme="light"] .modal,html[data-theme="light"] .modal-panel{color:#f4f1e9}




/* LIGHT HERO — aligned with the original dark layout. */
html[data-theme="light"] .nav.shell {
  position:absolute;left:50%;top:0;transform:translateX(-50%);
  width:min(var(--max),calc(100% - 48px));margin:0;z-index:10;
  background:rgba(246,242,235,.16);border-bottom:1px solid rgba(50,45,40,.12);
  box-shadow:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
html[data-theme="light"] .hero {
  position:relative;isolation:isolate;overflow:hidden;
  min-height:720px;background:#f3eee6;color:#202326;margin:0;
}
html[data-theme="light"] .hero-media {
  position:absolute;inset:0;
  background-image:url('/ursus-light-hero-v5.webp') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  opacity:1 !important;mask-image:none !important;-webkit-mask-image:none !important;
}
html[data-theme="light"] .hero-shade {
  position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,#f3eee6 0%,rgba(243,238,230,.98) 24%,rgba(243,238,230,.88) 36%,rgba(243,238,230,.38) 53%,transparent 73%) !important;
}
html[data-theme="light"] .hero-content {
  position:relative;z-index:2;padding-top:125px;padding-bottom:65px;
}
html[data-theme="light"] .hero-content h1 {
  max-width:760px;font-size:clamp(44px,4.2vw,66px);
  line-height:1.05;letter-spacing:-.045em;
  color:#202326 !important;text-shadow:none !important;
}
html[data-theme="light"] .hero-content h1 span,
html[data-theme="light"] .hero-benefits strong {color:#202326 !important;text-shadow:none !important}
html[data-theme="light"] .hero-content > p {
  max-width:560px;font-size:15px;line-height:1.6;
  color:#4a4c50 !important;text-shadow:none !important;
}
html[data-theme="light"] .hero-actions,
html[data-theme="light"] .hero-benefits,
html[data-theme="light"] .hero-disclaimer {max-width:760px}
html[data-theme="light"] .hero-benefits {
  border-color:rgba(42,45,49,.18);margin-top:28px;background:transparent;
}
html[data-theme="light"] .hero-benefits > div {border-color:rgba(42,45,49,.16)}
html[data-theme="light"] .hero-benefits strong {font-size:17px}
html[data-theme="light"] .hero-benefits span,
html[data-theme="light"] .hero-disclaimer {color:#54575c !important}
html[data-theme="light"] .hero .button {background:#c28a40;color:#151515;border-color:#c28a40}
@media(max-width:900px){
  html[data-theme="light"] .hero {min-height:740px}
  html[data-theme="light"] .hero-media {background-position:58% center !important}
  html[data-theme="light"] .hero-shade {background:linear-gradient(90deg,#f3eee6 0%,rgba(243,238,230,.94) 55%,rgba(243,238,230,.4) 100%) !important}
  html[data-theme="light"] .hero-content h1 {max-width:660px;font-size:clamp(38px,6vw,54px)}
}
@media(max-width:600px){
  html[data-theme="light"] .nav.shell {width:calc(100% - 28px)}
  html[data-theme="light"] .hero {min-height:760px}
  html[data-theme="light"] .hero-media {background-position:64% center !important;opacity:.30 !important}
  html[data-theme="light"] .hero-shade {background:linear-gradient(180deg,rgba(243,238,230,.96),rgba(243,238,230,.84)) !important}
  html[data-theme="light"] .hero-content {padding-top:112px;padding-bottom:45px}
  html[data-theme="light"] .hero-content h1 {font-size:clamp(32px,8.3vw,42px)}
  html[data-theme="light"] .hero-content > p {font-size:14px}
  html[data-theme="light"] .hero-benefits {grid-template-columns:repeat(3,minmax(0,1fr))}
  html[data-theme="light"] .hero-benefits > div {padding:12px 8px !important}
  html[data-theme="light"] .hero-benefits strong {font-size:13px}
  html[data-theme="light"] .hero-benefits span {font-size:10px}
}

/* URSUS AUTO — TEMPORARY DARK MODE ONLY */
html {
    color-scheme: dark !important;
}

.theme-toggle {
    display: none !important;
}