/* light mode: frosted glass on an off-white background with a very light green gradient */
:root[data-theme="light"]{--bg:#F9FAF7;--card:rgba(255,255,255,.62);--line:rgba(255,255,255,.8);--glass-edge:rgba(20,22,26,.08);--hdr:rgba(255,255,255,.6);--shadow:rgba(40,50,35,.14);--muted:#1B242C}
:root[data-theme="light"] body{background:radial-gradient(60vmax 50vmax at 8% 4%,rgba(182,242,58,.10),transparent 60%),radial-gradient(55vmax 45vmax at 95% 25%,rgba(150,210,120,.07),transparent 60%),radial-gradient(60vmax 50vmax at 30% 95%,rgba(182,242,58,.06),transparent 60%),linear-gradient(160deg,#FCFDFB,#F4F6F1);background-attachment:fixed}
:root[data-theme="light"] body::before{background:transparent}
:root[data-theme="light"] header,:root[data-theme="light"] .card,:root[data-theme="light"] .proj,:root[data-theme="light"] .vals div,:root[data-theme="light"] input,:root[data-theme="light"] select,:root[data-theme="light"] textarea,:root[data-theme="light"] .tg,:root[data-theme="light"] .ctl button,:root[data-theme="light"] .btn.ghost{-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4)}
:root[data-theme="light"] header{border-bottom:1px solid rgba(255,255,255,.7);box-shadow:0 1px 0 var(--glass-edge),0 8px 24px rgba(40,50,35,.06)}
:root[data-theme="light"] .card,:root[data-theme="light"] .proj,:root[data-theme="light"] .vals div{border:1px solid rgba(255,255,255,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 30px rgba(40,50,35,.10),0 0 0 1px var(--glass-edge)}
:root[data-theme="light"] .card:hover,:root[data-theme="light"] .proj:hover{border-color:rgba(255,255,255,.95)}
:root[data-theme="light"] input,:root[data-theme="light"] select,:root[data-theme="light"] textarea{background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.8);box-shadow:inset 0 1px 2px rgba(20,22,26,.05),0 0 0 1px var(--glass-edge)}
:root[data-theme="light"] .tg,:root[data-theme="light"] .ctl button{background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.8);box-shadow:0 4px 14px rgba(40,50,35,.10),0 0 0 1px var(--glass-edge)}
:root[data-theme="light"] .btn:not(.ghost){box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 6px 18px rgba(120,170,30,.22)}
:root[data-theme="light"] .btn.ghost{background:rgba(255,255,255,.45);border-color:rgba(255,255,255,.8);box-shadow:0 0 0 1px var(--glass-edge)}
:root[data-theme="light"] #dots button{background:rgba(20,22,26,.14)}
:root[data-theme="light"] #dots button.on{background:var(--lime)}
:root[data-theme="light"] .media{background:radial-gradient(circle at 70% 20%,rgba(182,242,58,.22),transparent 60%),linear-gradient(135deg,rgba(38,44,40,.80),rgba(24,27,31,.72));border-bottom:1px solid rgba(255,255,255,.55)}
:root[data-theme="light"] .shot{border-bottom:1px solid rgba(255,255,255,.6)}
:root[data-theme="light"] section{border-top:1px solid rgba(20,22,26,.06)}
:root[data-theme="light"] footer{border-top:1px solid rgba(20,22,26,.06);background:rgba(255,255,255,.35);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
:root[data-theme="light"] .hero::before{display:none} /* no glow behind the hero logo in light mode */
/* light mode: brand lime everywhere; small lime text sits on a charcoal chip so it stays readable */
:root[data-theme="light"] h1 em{color:#4F7A00;text-shadow:none}
:root[data-theme="light"] .tag,:root[data-theme="light"] .n,:root[data-theme="light"] footer h4,:root[data-theme="light"] .vals b{background:#14161A;color:#B6F23A;border-radius:6px;padding:2px 9px;display:inline-block;border-color:#14161A}
:root[data-theme="light"] .vals b{display:inline-block;margin-bottom:6px}
:root[data-theme="light"] #st,:root[data-theme="light"] .note a,:root[data-theme="light"] .legal a,:root[data-theme="light"] .ctl button:hover{color:#14161A}
:root[data-theme="light"] #st{background:#14161A;color:#B6F23A;padding:2px 9px;border-radius:6px;display:inline-block}
:root[data-theme="light"] #st:empty{display:none}
:root[data-theme="light"] footer h4{align-self:flex-start}
:root[data-theme="light"] .vals b{display:block;width:fit-content}
:root[data-theme="light"] .eyebrow{color:#4F7A00;font-weight:700;-webkit-text-stroke:0;text-shadow:none}