/* Light editorial treatment for the existing charging portfolio. */
html[data-theme="light"] {--C:#006b86;--G:#007b66;--B:#1859bf;--V:#1859bf;--T:#162d43;--T2:#425c70;--T3:#526a7d;--glass-border:#d4e1e8;--shadow-c:0 12px 32px #143c6810;--shadow-v:0 12px 32px #143c6810}
html[data-theme="light"] body{background:#f7fafc}
html[data-theme="light"] body::after{display:none}
html[data-theme="light"] body::before{opacity:.35;background-size:48px 48px}
html[data-theme="light"] .hero{background-image:linear-gradient(90deg,#f7fafc 0%,#f7fafcf5 48%,#f7fafcb8 100%),url('img/depot-nuit.jpg');background-attachment:scroll;border-bottom:1px solid #dce7ed}
html[data-theme="light"] .hero::after{height:16%;background:linear-gradient(transparent,#f7fafc)}
html[data-theme="light"] .hero h1{color:#102d49}
html[data-theme="light"] .gradient-text{background:none;color:#165db7;animation:none}
html[data-theme="light"] .eyebrow{color:#006778;background:#e8f3f7;border-color:#cadfe7;letter-spacing:.07em}
html[data-theme="light"] .hero-role{color:#124d8c}
html[data-theme="light"] .hero-lead{color:#425b70;font-size:18px;line-height:1.8;max-width:610px}
.hero-lead strong{font-weight:700;color:inherit}
html[data-theme="light"] .btn-primary,html[data-theme="light"] .chip-btn{background:#1859bf;color:#fff;border-color:#1859bf;box-shadow:0 6px 18px #1859bf18}
html[data-theme="light"] .btn-primary:hover,html[data-theme="light"] .chip-btn:hover{background:#10458f;color:#fff}
html[data-theme="light"] .nav{border-radius:18px;box-shadow:0 8px 26px #163b5610;background:#ffffffed}
html[data-theme="light"] .nav-links{background:transparent;border-color:transparent}
html[data-theme="light"] .profile-ring{box-shadow:0 20px 60px #16476816;border-color:#bad7df;background:#fff}
html[data-theme="light"] .profile-ring::before,html[data-theme="light"] .profile-ring::after{animation:none;opacity:.3}
html[data-theme="light"] .energy-badge{background:#fff;color:#164c71;border-color:#cbdfe6;box-shadow:0 8px 24px #163b5610}
html[data-theme="light"] .energy-badge strong,html[data-theme="light"] .energy-badge small{color:#145c6e}
html[data-theme="light"] .language-highlight{background:#e9f4f0;color:#146453}
html[data-theme="light"] .glass{background:#fff;border-color:#d7e3ea;box-shadow:0 8px 26px #143c6807;backdrop-filter:none}
html[data-theme="light"] .glass::before{opacity:.15}
html[data-theme="light"] .kicker{color:#1468a4}
html[data-theme="light"] h2,html[data-theme="light"] h3{color:#102d49}
html[data-theme="light"] .skill,html[data-theme="light"] .tag,html[data-theme="light"] .expertise-panel span{color:#244e69;border-color:#d0e1e9;background:#edf5f8;box-shadow:none}
html[data-theme="light"] p strong,html[data-theme="light"] li strong{color:#163d61;font-weight:700}
.hero-facts{display:grid;grid-template-columns:.7fr 1.3fr 1fr;gap:16px;border-top:1px solid #cddfe7;padding-top:22px;margin-top:28px;max-width:650px}
.hero-facts div{min-width:0}.hero-facts strong{display:block;font-size:16px;color:var(--T);font-family:'Space Grotesk',sans-serif}.hero-facts span{display:block;font-size:11px;line-height:1.55;color:var(--T2);margin-top:5px}
.portfolio-qr{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;overflow-wrap:anywhere;padding:8px}
.portfolio-qr img{display:block;background:#fff;border:1px solid #dde6ec;border-radius:8px;padding:0;transition:transform .2s}
.portfolio-qr:hover img{transform:scale(1.04)}.portfolio-qr strong{font-size:20px!important;color:var(--T)!important}.portfolio-qr span{font-size:12px!important;color:var(--T2)!important;letter-spacing:0!important}.portfolio-qr .site-address{color:var(--B)!important}
:focus-visible{outline:3px solid #2477db;outline-offset:5px}
section[id]{scroll-margin-top:110px}
@media(max-width:760px){.hero-facts{gap:12px}.hero-facts strong{font-size:13px}.hero-facts span{font-size:10px}html[data-theme="light"] .hero-lead{font-size:16px}.section-indicator{display:none}.nav{border-radius:14px!important}section[id]{scroll-margin-top:90px}.profile-area{margin-top:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}#heroCanvas{display:none}}