:root[data-theme="light"]{color-scheme:light;--bg:#fff;--fg:#101727;--muted:#596579;--line:rgba(16,23,39,.14)}
.hero,.project{color:#f7f9ff}
:root[data-theme="light"] .brand span{color:#2574da}
:root[data-theme="light"] .nav a{color:#465268}
:root[data-theme="light"] .nav a:hover,:root[data-theme="light"] .nav .pill{color:#101727}
:root[data-theme="light"] .section-label,:root[data-theme="light"] .service b{color:#326af0}
:root[data-theme="light"] .intro h2 span,:root[data-theme="light"] .contact h2 span{color:#66748b}
:root[data-theme="light"] .footer{color:#66748b}
:root[data-theme="light"] .footer strong{color:#101727}
:root[data-theme="light"] .footer a{color:#596579}
:root[data-theme="light"] .footer a:hover{color:#101727}
:root[data-theme="light"] .back-home,:root[data-theme="light"] .legal .button{color:#173d85}
:root[data-theme="light"] .legal p,:root[data-theme="light"] .legal address{color:#465268}
:root[data-theme="light"] .viewer,:root[data-theme="light"] .viewer::backdrop{background:#fff}
:root[data-theme="light"] .viewer-button{background:#ffffffd9;color:#101727;border-color:#10172730}
:root[data-theme="light"] .viewer-button:hover{background:#e9eef7;border-color:#10172760}
@media(max-width:900px){.nav{gap:18px}}
@media(max-width:620px){.nav{gap:8px}.brand{font-size:23px}}

.theme-controls{display:flex;align-items:center;gap:6px;position:relative}
.theme-switch{position:relative;display:flex;align-items:center;justify-content:space-around;flex:none;width:82px;height:44px;padding:4px;border:1px solid var(--line);border-radius:999px;background:#ffffff0a;cursor:pointer;color:#a8b1c6;-webkit-tap-highlight-color:transparent}
.theme-thumb{position:absolute;top:4px;left:4px;width:34px;height:34px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #0002;transition:transform .35s cubic-bezier(.22,1,.36,1),background .25s}
.theme-switch svg{position:relative;z-index:1;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:color .25s}
.theme-sun{color:#101727}.theme-moon{color:#73809a}
:root[data-theme="dark"] .theme-thumb{transform:translateX(38px);background:#4677ff}
:root[data-theme="dark"] .theme-sun{color:#a8b1c6}
:root[data-theme="dark"] .theme-moon{color:#fff}
:root[data-theme="light"] .theme-switch{background:#eff2f7}
.theme-switch:hover{border-color:#4677ff88}




@media(prefers-reduced-motion:reduce){.theme-thumb,.theme-switch svg{transition:none}}

@media(max-width:620px){.topbar{height:auto;min-height:78px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap;gap:10px}.topbar .nav{margin-left:auto}.brand{font-size:22px}}

.theme-switch:focus-visible{outline:2px solid #4677ff;outline-offset:4px}

/* Standalone brand mark in the footer. */
.footer-mark{display:inline-flex;align-items:center;width:36px;height:34px;flex:none}.footer-mark i{display:block;width:100%;height:100%;background:var(--blue);-webkit-mask:url(/assets/brand-icon.png) center/contain no-repeat;mask:url(/assets/brand-icon.png) center/contain no-repeat;transition:opacity .2s}.footer-mark:hover i{opacity:.75}

/* Keep mobile footer content aligned with the page gutters. */
@media(max-width:620px){.footer.shell{padding-inline:clamp(22px,5vw,78px)}}