/* Theme toggle and alternate palette for Volta Electric, Premium.
   Generated by _design-system/builder/gallery_theme/apply.py; edit themes.py there, not this file. */
/* Theme toggle button. It inherits the header's text colour, so it reads correctly over
   footage and on solid bars alike. Hidden until the head script has set a theme (no-JS visitors
   keep the designed palette and never see a dead control). */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;margin:0;padding:0;border:1px solid color-mix(in srgb,currentColor 28%,transparent);border-radius:50%;background:transparent;color:inherit;line-height:0;cursor:pointer;transition:border-color .2s,background-color .2s}
.theme-toggle:hover{border-color:currentColor;background:color-mix(in srgb,currentColor 8%,transparent)}
.theme-toggle:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.theme-toggle .theme-toggle__icon{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle .theme-toggle__sun{display:none}
html[data-theme="dark"] .theme-toggle .theme-toggle__sun{display:block}
html[data-theme="dark"] .theme-toggle .theme-toggle__moon{display:none}
html:not([data-theme]) .theme-toggle{display:none}
@media (prefers-reduced-motion:reduce){.theme-toggle{transition:none}}
/* Toggle placement in this header. */
.topbar{justify-content:flex-start}
.topbar>.brand{margin-right:auto}
.topbar>.topbar__right{margin-left:auto}
.topbar>.theme-toggle{margin-left:-10px}
@media (max-width:980px){.topbar>.topbar__right{margin-left:0}.topbar>.theme-toggle{margin-left:0}}
@media (max-width:980px){.topbar .nav{display:none;position:absolute;left:0;right:0;top:100%;z-index:40;flex-direction:column;gap:0;background:var(--bg);border-bottom:1px solid var(--line);padding:8px var(--gutter) 16px}.topbar .nav.is-open{display:flex}.topbar .nav a{font-size:18px;padding:14px 0;border-bottom:1px solid var(--line);color:var(--ink)}.topbar .nav-toggle{display:inline-flex}}
/* Alternate palette. The designed palette stays the default. */
html[data-theme="light"]{color-scheme:light;--bg:#F4F5F7;--surface:#FFFFFF;--surface-2:#E9EBEF;--ink:#0B0D10;--muted:rgba(11,13,16,.66);--line:rgba(11,13,16,.12);--line-strong:rgba(11,13,16,.26);--accent:#FFD60A;--accent-ink:#0B0D10;--accent-dim:rgba(255,214,10,.22);--accent-glow:rgba(255,214,10,.5)}
html[data-theme="light"] .topbar{background:color-mix(in srgb,var(--bg) 88%,transparent)}
/* Captions laid over photos keep the designed dark styling. */
html[data-theme="light"] :is(.hero__tags,.job__cap){--ink:#F2F3F5;--muted:rgba(242,243,245,.64);--line:rgba(242,243,245,.12);color:var(--ink)}
/* Yellow stays as a fill; as text it needs a deeper amber on light paper. */
html[data-theme="light"] :is(.display em,.eyebrow,.section-head__index,.link-arrow,.brand span,.brand__mark,.readout__status.is-live,.readout__spec b,.wires__static li span:first-child,.service-row__num,.service-row__arrow,.jobs__tabs [role=tab] .mono,.planner__size,.rail__step .mono,.review__stars,.area__list .mono,.cert-grid .mono,.values .mono,.tile__copy .mono,.faq__list summary svg,.spec-list svg,.steps .mono,.breadcrumb [aria-current],.readouts b,.contact__list dt,.form__status.is-ok){color:#8A6A00}
html[data-theme="light"] .brand__mark{fill:#C79A00}
html[data-theme="light"] .is-lit .room__label,html[data-theme="light"]:not(.js-wires) .room .room__label{fill:#8A6A00}
html[data-theme="light"] .map{filter:grayscale(1) contrast(.95)}
html[data-theme="light"] .cta-band .btn--volt{color:#F2F3F5}
html[data-theme="light"] .field :is(input,textarea)::placeholder{color:rgba(11,13,16,.4)}
@media (max-width:640px){html[data-theme="light"] .callbar{background:color-mix(in srgb,var(--bg) 94%,transparent)}}