html[data-theme='light']{
  --hero-bg:#c7e4f6;
  --hero-text:#102f4d;
  --hero-muted:rgba(16,47,77,.72);
}
html[data-theme='light'] body{background:#f6fbff;color:#10263f}
html[data-theme='light'] .journey{background:linear-gradient(180deg,#c7e6f8 0%,#bddff4 48%,#dbeefa 100%)}
html[data-theme='light'] .journey-sky::after{
  background:
    radial-gradient(circle at 18% 82%,rgba(255,218,194,.12),transparent 26%),
    radial-gradient(circle at 73% 48%,rgba(225,205,248,.10),transparent 30%),
    radial-gradient(circle at 50% 44%,transparent 0 48%,rgba(57,106,149,.035) 100%),
    linear-gradient(180deg,rgba(255,255,255,.08),transparent 27%,transparent 73%,rgba(91,134,170,.045));
}
html[data-theme='light'] .hero{background:transparent;color:var(--hero-text)}
html[data-theme='light'] .site-header{color:#123451}
html[data-theme='light'] .site-header::before{background:rgba(226,240,250,.82);border-bottom:1px solid rgba(23,62,95,.10);box-shadow:0 12px 42px rgba(51,91,125,.08)}
html[data-theme='light'] .desktop-nav a{color:rgba(18,52,81,.82)}
html[data-theme='light'] .header-cta{border-color:rgba(18,52,81,.46);color:#123451}
html[data-theme='light'] .header-cta:hover{background:#123451;color:#f7fbff}
html[data-theme='light'] .language-button{color:rgba(18,52,81,.48)}
html[data-theme='light'] .language-button.is-active{color:#123451}
html[data-theme='light'] .theme-toggle{border-color:rgba(18,52,81,.30);color:#123451;background:rgba(255,255,255,.22)}
html[data-theme='light'] .menu-button{border-color:rgba(18,52,81,.35)}
html[data-theme='light'] .menu-button span{background:#123451}
html[data-theme='light'] .mobile-menu-inner{border-color:rgba(18,52,81,.16);background:rgba(229,242,251,.94);box-shadow:0 28px 70px rgba(40,77,109,.14)}
html[data-theme='light'] .mobile-menu-inner>a{color:#123451}
html[data-theme='light'] .mobile-cta{border-color:rgba(18,52,81,.36);color:#123451}

html[data-theme='light'] .assistant-kicker{color:rgba(16,47,77,.54)}
html[data-theme='light'] .hero h1{color:#102f4d;text-shadow:0 8px 34px rgba(70,115,151,.10)}
html[data-theme='light'] .hero-description{color:rgba(16,47,77,.72);text-shadow:none}
html[data-theme='light'] .user-bubble{border-color:rgba(20,60,94,.13);background:rgba(255,255,255,.54);color:#123451;box-shadow:0 18px 48px rgba(55,101,137,.10),inset 0 1px 0 rgba(255,255,255,.55)}
html[data-theme='light'] .ai-meta{color:rgba(16,47,77,.52)}
html[data-theme='light'] .ai-meta i{background:#5ca7df;box-shadow:0 0 0 4px rgba(92,167,223,.11)}
html[data-theme='light'] .ai-bubble{border-color:rgba(20,60,94,.11);background:rgba(242,249,254,.68);color:rgba(15,45,72,.94);box-shadow:0 18px 52px rgba(55,101,137,.09),inset 0 1px 0 rgba(255,255,255,.58)}
html[data-theme='light'] .typing-caret{background:rgba(15,45,72,.74)}
html[data-theme='light'] .ai-thinking span{background:rgba(20,64,99,.56)}
html[data-theme='light'] .project-composer{border-color:rgba(20,60,94,.14);background:rgba(255,255,255,.50);box-shadow:0 24px 72px rgba(55,101,137,.10),inset 0 1px 0 rgba(255,255,255,.58)}
html[data-theme='light'] .project-composer:focus-within{border-color:rgba(20,73,114,.28);background:rgba(255,255,255,.64)}
html[data-theme='light'] .project-composer textarea{color:#123451}
html[data-theme='light'] .project-composer textarea::placeholder{color:rgba(18,52,81,.45)}
html[data-theme='light'] .composer-send{background:#153b5d;color:#f7fbff;box-shadow:0 10px 28px rgba(26,73,108,.18)}
html[data-theme='light'] .composer-hint{color:rgba(18,52,81,.42)}

html[data-theme='light'] .morph-bubble{border-color:rgba(34,77,112,.16);background:linear-gradient(145deg,rgba(250,253,255,.86),rgba(218,236,249,.72));box-shadow:0 28px 90px rgba(46,88,121,.16),inset 0 1px 0 rgba(255,255,255,.72)}
html[data-theme='light'] .morph-bubble::before{background:linear-gradient(110deg,rgba(255,255,255,.75),transparent 28%,rgba(115,177,221,.30) 62%,rgba(91,145,194,.24))}
html[data-theme='light'] .morph-bubble::after{background:radial-gradient(ellipse at center,rgba(159,207,239,.26),rgba(115,168,208,.13) 42%,transparent 72%)}
html[data-theme='light'] .morph-bubble-content>span{color:rgba(15,46,74,.94)}
html[data-theme='light'] .morph-bubble-content small{color:rgba(15,46,74,.80)}
html[data-theme='light'] .morph-bubble-glow{border-color:rgba(47,91,126,.08);box-shadow:0 0 58px rgba(108,171,216,.18),0 0 70px rgba(166,213,241,.16)}

html[data-theme='light'] .system-kicker{color:rgba(15,47,75,.54)}
html[data-theme='light'] .system-copy h2{color:#102f4d;text-shadow:0 10px 44px rgba(50,95,130,.10)}
html[data-theme='light'] .system-copy p{color:rgba(16,47,77,.70)}
html[data-theme='light'] .architecture-stage{background:radial-gradient(circle at var(--cursor-x) var(--cursor-y),rgba(255,255,255,.28),transparent 23%),radial-gradient(ellipse at center,rgba(255,255,255,.16),transparent 64%)}
html[data-theme='light'] .architecture-stage::before{background:radial-gradient(ellipse at center,rgba(112,176,221,.18),rgba(255,255,255,.11) 42%,transparent 72%)}
html[data-theme='light'] .tech-line{stroke:rgba(24,67,102,.28);filter:drop-shadow(0 0 4px rgba(84,147,194,.13))}
html[data-theme='light'] .tech-spark{fill:#2e6f9f;filter:drop-shadow(0 0 6px rgba(83,150,199,.60))}
html[data-theme='light'] .tech-spark.warm{fill:#78b9e5;filter:drop-shadow(0 0 7px rgba(103,179,228,.68))}
html[data-theme='light'] .business-core{border-color:rgba(30,72,106,.17);background:linear-gradient(145deg,rgba(250,253,255,.86),rgba(218,236,249,.74));box-shadow:0 30px 90px rgba(48,92,127,.14),0 0 82px rgba(107,174,221,.12),inset 0 1px 0 rgba(255,255,255,.72)}
html[data-theme='light'] .business-core::before{background:linear-gradient(110deg,rgba(255,255,255,.78),transparent 32%,rgba(108,173,218,.24) 64%,rgba(67,129,179,.20))}
html[data-theme='light'] .core-content span{color:rgba(15,46,74,.90)}
html[data-theme='light'] .core-orbit{border-color:rgba(34,77,112,.10)}
html[data-theme='light'] .tech-node img{background:rgba(241,249,254,.82);border-color:rgba(30,72,106,.13);box-shadow:0 14px 38px rgba(48,92,127,.11),inset 0 1px 0 rgba(255,255,255,.72)}
html[data-theme='light'] .tech-node-shell:hover .tech-node img{border-color:rgba(30,72,106,.25);background:rgba(255,255,255,.92)}
html[data-theme='light'] .tech-node img[alt='GitHub']{background:#244a6d}
html[data-theme='light'] .tech-node span{color:rgba(15,46,74,.72);text-shadow:none}
html[data-theme='light'] .system-caption{color:rgba(15,46,74,.58)}
html[data-theme='light'] .system-caption strong{color:rgba(15,46,74,.88)}

html[data-theme='light'] .chat-bubble,
html[data-theme='light'] .project-composer,
html[data-theme='light'] .morph-bubble,
html[data-theme='light'] .business-core,
html[data-theme='light'] .tech-node img,
html[data-theme='light'] .site-header::before,
html[data-theme='light'] .mobile-menu-inner{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

html[data-theme='light'] .site-intro{background:linear-gradient(180deg,#c9e7f8 0%,#d8edf8 58%,#f4edf0 100%)}
html[data-theme='light'] .intro-canvas{opacity:0!important}
html[data-theme='dark'] .intro-canvas{opacity:1}
html[data-theme='light'] .intro-vignette{background:radial-gradient(circle at 18% 76%,rgba(255,224,200,.14),transparent 26%),radial-gradient(circle at 74% 48%,rgba(224,210,250,.09),transparent 28%),radial-gradient(circle at center,transparent 0 24%,rgba(82,132,170,.028) 55%,rgba(49,95,132,.08) 100%),linear-gradient(180deg,rgba(255,255,255,.16),transparent 34%,rgba(91,137,172,.035))}
html[data-theme='light'] .intro-mark{color:#153754}
html[data-theme='light'] .intro-logo{filter:drop-shadow(0 18px 34px rgba(49,91,122,.16))}

.light-sky-canvas,.light-intro-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;opacity:0;transition:opacity .22s ease}
.light-sky-canvas{z-index:2}
.light-intro-canvas{z-index:0}
html[data-theme='light'] .light-sky-canvas,html[data-theme='light'] .light-intro-canvas{opacity:1}
html[data-theme='dark'] .light-sky-canvas,html[data-theme='dark'] .light-intro-canvas{opacity:0}

/* v3 — keep both skies alive long enough to feel like dawn/dusk */
html[data-theme-transitioning='true'] .light-sky-canvas,
html[data-theme-transitioning='true'] .light-intro-canvas{
  transition:opacity 2100ms cubic-bezier(.22,.72,.18,1);
}