/* Theme toggle and alternate palette for Brightwater Plumbing, Elite.
   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. */
.site-header{justify-content:flex-start}
.site-header>.brand{margin-right:auto}
.site-header>.site-header__right{margin-left:auto}
.site-header>.theme-toggle{margin-left:-8px}
@media (max-width:860px){.site-header>.site-header__right{margin-left:0}.site-header>.theme-toggle{margin-left:0}}
/* Alternate palette. The designed palette stays the default. */
html[data-theme="dark"]{color-scheme:dark;--bg:#111C2F;--surface:#17243B;--ink:#ECE7DC;--muted:#A6AFBF;--line:rgba(120,165,255,.3);--line-soft:rgba(120,165,255,.14);--grid:rgba(120,165,255,.08);--accent:#6AA4FF;--accent-ink:#0A1322;--paper:#111C2F}
html[data-theme="dark"] .site-header{background:color-mix(in srgb,var(--bg) 86%,transparent)}
html[data-theme="dark"] .window.is-urgent{color:var(--dot)}
/* Ink sheets and the call bar stay the designed deep navy. */
html[data-theme="dark"] :is(.sheet--ink,.call-bar){--ink:#0A1322;--bg:#F3EFE6;color:var(--bg)}
/* The cutaway frames are drawn on cream paper, so the hero chapter keeps the designed light palette. */
html[data-theme="dark"] .chapter--build{--bg:#F3EFE6;--surface:#ECE6D8;--ink:#0F1B2D;--muted:#5B6476;--line:rgba(10,91,216,.28);--line-soft:rgba(10,91,216,.12);--grid:rgba(10,91,216,.07);--accent:#0A5BD8;--accent-ink:#FFFFFF;background:var(--bg);color:var(--ink)}