/* Lightning theme switch · shared by every page that supports dark mode.
   Markup and behaviour: js/theme.js. Spec: brand-guidelines.html#dark */
@import url("textures.css");
/* The light theme is drawn light on purpose: "only light" keeps a browser's forced dark mode (Brave, Chrome's auto dark) from inverting it.
   Dark mode stays the visitor's own choice, made with the switch. */
:root[data-theme="light"]{color-scheme:only light}
.theme-toggle{--tt-track:#fff;--tt-line:rgba(13,34,51,.12);--tt-thumb:#0A2442;--tt-icon:#fff;--tt-faint:#8FA6B2;
  display:inline-flex;align-items:center;flex:none;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
:root[data-theme="dark"] .theme-toggle{--tt-track:rgba(234,244,241,.06);--tt-line:rgba(234,244,241,.16);--tt-thumb:#E3F6EC;--tt-icon:#0A2442;--tt-faint:#566E7E}
.theme-toggle__track{position:relative;display:flex;align-items:center;justify-content:space-between;width:64px;height:36px;padding:0 10px;border:1px solid var(--tt-line);border-radius:99px;background:var(--tt-track);transition:background .25s,border-color .25s}
.theme-toggle__track>svg{width:14px;height:14px;color:var(--tt-faint)}
.theme-toggle__thumb{position:absolute;top:3px;inset-inline-start:3px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--tt-thumb);color:var(--tt-icon);box-shadow:0 4px 10px -4px rgba(10,36,66,.6);transition:transform .3s cubic-bezier(.3,.7,.2,1.2),background .25s}
.theme-toggle__thumb svg{position:absolute;width:15px;height:15px;transition:opacity .2s,transform .3s}
.theme-toggle__thumb .i-moon{opacity:0;transform:rotate(-60deg) scale(.6)}
.theme-toggle[aria-checked="true"] .theme-toggle__thumb{transform:translateX(28px)}
.theme-toggle[aria-checked="true"] .theme-toggle__thumb .i-sun{opacity:0;transform:rotate(60deg) scale(.6)}
.theme-toggle[aria-checked="true"] .theme-toggle__thumb .i-moon{opacity:1;transform:none}
.theme-toggle:hover .theme-toggle__track{border-color:#14A874}
.theme-toggle:focus-visible{outline:none}
.theme-toggle:focus-visible .theme-toggle__track{outline:3px solid #14A874;outline-offset:3px}
:root[data-theme="dark"] .theme-toggle:hover .theme-toggle__track,:root[data-theme="dark"] .theme-toggle:focus-visible .theme-toggle__track{border-color:#3FCB93;outline-color:#3FCB93}
@media (prefers-reduced-motion:reduce){.theme-toggle *{transition:none!important}}
