.theme-toggle{width:44px;height:44px;padding:11px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);border-radius:50%;color:#d2d2d8;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .2s,color .2s}
.theme-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle:hover{background:rgba(255,255,255,.1);color:white}.theme-toggle:focus-visible{outline:2px solid #f58216;outline-offset:4px}.theme-page-header{display:flex;justify-content:space-between;align-items:center}
html[data-theme=light],html[data-theme=light] body{background:#f6f5f1;color:#22232a}
html[data-theme=light] #root .min-h-screen{background:#f6f5f1!important;color:#22232a}
html[data-theme=light] #root [class*="bg-black"],html[data-theme=light] #root [class*="bg-[#0a0a0a]"],html[data-theme=light] #root [class*="bg-gray-900"],html[data-theme=light] #root [class*="bg-gray-950"]{background-color:#f6f5f1!important}
html[data-theme=light] .portfolio-home>.bg-black{background:#f6f5f1!important}
html[data-theme=light] .portfolio-home .team-hero::before{background:#f6f5f1}
html[data-theme=light] #root [class*="text-white"]{color:#23242b!important}
html[data-theme=light] #root [class*="text-gray-300"],html[data-theme=light] #root [class*="text-gray-400"]{color:#595b64!important}
html[data-theme=light] #root [class*="text-gray-500"],html[data-theme=light] #root [class*="text-gray-600"]{color:#686a73!important}
html[data-theme=light] #root [class*="border-white"],html[data-theme=light] #root [class*="border-gray-800"]{border-color:rgba(30,32,42,.13)!important}
html[data-theme=light] #root [class*="bg-white/"],html[data-theme=light] #root [class*="bg-gray-800"]{background-color:rgba(30,32,42,.035)!important}
html[data-theme=light] .team-headline{color:#25262e}html[data-theme=light] .team-headline .hero-intro{color:#595b64}
html[data-theme=light] .team-visual{background:#16161b;border-radius:24px;box-shadow:0 20px 55px rgba(26,28,36,.1);overflow:visible}
html[data-theme=light] .team-art{border-radius:24px}
html[data-theme=light] .team-stats>.w-px{background:rgba(30,32,42,.15)}
html[data-theme=light] .portfolio-work{border-color:rgba(30,32,42,.12)}
html[data-theme=light] .portfolio-work a>div{background:#fff;border-color:rgba(30,32,42,.1)}
html[data-theme=light] .portfolio-work a:hover>div{background:#fff;border-color:rgba(30,32,42,.24)}
html[data-theme=light] .portfolio-work p,html[data-theme=light] .portfolio-expertise p{color:#595b64}
html[data-theme=light] .theme-toggle{background:#fff;border-color:rgba(30,32,42,.12);color:#494b55}
html[data-theme=light] .theme-toggle:hover{background:#eeeae3;color:#22232a}
@media(max-width:600px){.team-nav>.flex{align-items:center;gap:8px}.theme-toggle{width:40px;height:40px;padding:10px}.team-nav a{padding-left:14px;padding-right:14px}}

html[data-theme=light] .team-visual{background:transparent;border-radius:0;box-shadow:none}
html[data-theme=light] .team-art{border-radius:0}

/* The case-study impact panel follows the selected theme, including its gradient. */
html[data-theme=light] #root section[class*="from-blue-950/30"]{background:linear-gradient(135deg,#edf3fb 0%,#ffffff 65%,#f8fafc 100%);border-color:#d6e2f2}
html[data-theme=light] #root section[class*="from-blue-950/30"] [class*="bg-blue-900/20"]{background:#dce6f3;border-color:#d6e2f2}
html[data-theme=light] #root section[class*="from-blue-950/30"] [class*="bg-blue-950/20"]{background:#f4f7fc}
html[data-theme=light] #root section[class*="from-blue-950/30"] [class*="ring-blue-500/10"]{--tw-ring-color:rgba(59,130,246,.08)}
