/* Light theme: active when . Loaded after style.css. */
html[data-theme="light"] { --bg: #f4f2ee; --fg: #0a0a0a; --ink: #0000ee; --pill: #111; --pill-2: #ff9ec2; }
html[data-theme="light"] .btn { color: #fff; }
html[data-theme="light"] .nav__cta { background: var(--ink); border-color: transparent; color: #fff !important; } /* blue pill, white label */
html[data-theme="light"] .callout .btn { color: var(--ink); }
html[data-theme="light"] .intro { background: var(--bg); }
html[data-theme="light"] .intro__logo { filter: invert(1) brightness(.2); animation: none; }
html[data-theme="light"] .intro__streak::after { background: linear-gradient(transparent, rgba(10,10,10,.6), transparent); }
html[data-theme="light"] .intro__flash { background: radial-gradient(circle, rgba(255,200,120,.9) 0%, rgba(255,120,40,.7) 25%, rgba(255,90,30,.3) 55%, transparent 70%); }
html[data-theme="light"] .nav__logo img, html[data-theme="light"] .footer__mark { filter: invert(1) brightness(.2); }
html[data-theme="light"] .nav__logo, html[data-theme="light"] .nav__links, html[data-theme="light"] .lang, html[data-theme="light"] .totop {
background: rgba(255,255,255,.6); border-color: rgba(0,0,0,.12); box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 10px 30px rgba(0,0,0,.12); }
html[data-theme="light"] .nav__logo::before, html[data-theme="light"] .nav__links::before, html[data-theme="light"] .nav__cta::before { display: none; }
html[data-theme="light"] .nav__links a:hover { text-shadow: none; }
html[data-theme="light"] .lang a[aria-current="true"], html[data-theme="light"] .totop:hover { background: rgba(0,0,0,.1); }
html[data-theme="light"] .section, html[data-theme="light"] .footer, html[data-theme="light"] .project, html[data-theme="light"] details,
html[data-theme="light"] .footer__copy { border-color: rgba(0,0,0,.12); }
html[data-theme="light"] .tags span, html[data-theme="light"] .link { background: rgba(0,0,0,.06); border-color: rgba(0,0,0,.15); }
html[data-theme="light"] .link:hover { background: rgba(0,0,0,.1); }
html[data-theme="light"] .service { background: #fff; border-color: rgba(0,0,0,.15); }
html[data-theme="light"] .service:hover { border-color: rgba(0,0,0,.4); }
html[data-theme="light"] .service__tag { border-color: rgba(0,0,0,.15); }
html[data-theme="light"] .service__img--star, html[data-theme="light"] .process__graphic, html[data-theme="light"] .hero__badge img { filter: invert(1) brightness(.2); }
html[data-theme="light"] .steps li::before { box-shadow: 0 0 0 2px var(--bg), 0 0 0 3px rgba(0,0,0,.35); }
html[data-theme="light"] .logos img { filter: invert(1) brightness(.25); opacity: .5; }
html[data-theme="light"] .logos img:hover { filter: brightness(0); opacity: 1; } /* light theme: pure black */
html[data-theme="light"] .strip img, html[data-theme="light"] .strip video { background: #e6e3dd; }
html[data-theme="light"] .track__line { background: rgba(10,10,10,.25); }
html[data-theme="light"] .pill { background: var(--fg); color: var(--bg); }
html[data-theme="light"] body::after { opacity: .12; mix-blend-mode: multiply; }
html[data-theme="light"] body::before { background: radial-gradient(ellipse at 50% 40%, transparent 60%, rgba(0,0,0,.12)); }
html[data-theme="light"] .hero__horizon { mix-blend-mode: multiply; opacity: .85; }
/* theme toggle button shares the corner pill look */
.theme { width: 2.4rem; height: 2.4rem; display: grid; place-items: center; color: var(--fg); font-size: .95rem; cursor: pointer; font-family: inherit; }