/* Light theme for lavkushkumar.com — applied when <html> has class "light". Dark stays the default. */
.theme-toggle{width:44px;height:44px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#e7e9f3;cursor:pointer;transition:transform .2s,background .2s}
.theme-toggle:hover{transform:rotate(-12deg)}
.theme-toggle svg{width:19px;height:19px}
.theme-toggle .i-sun{display:none}
html.light .theme-toggle .i-sun{display:block}
html.light .theme-toggle .i-moon{display:none}

.ext-links{display:flex;flex-direction:column;gap:8px}
.ext-links a{display:flex;align-items:center;gap:10px;text-decoration:none}
.ext-links img{width:28px;height:28px;border-radius:8px;flex:none}
.ext-links b{display:block;font-weight:600;font-size:14px;line-height:1.2}
.ext-links small{display:block;font-size:12px;opacity:.65;line-height:1.3}

html.light{color-scheme:light}
html.light body{background-color:#f7f8fb;color:#0b1220}
html.light ::-webkit-scrollbar-track{background:#eef0f4}

html.light .text-white{color:#0b1220}
html.light .text-white\/90{color:rgb(11 18 32/.9)}
html.light .text-white\/85{color:rgb(11 18 32/.86)}
html.light .text-white\/80{color:rgb(11 18 32/.8)}
html.light .text-white\/70{color:rgb(11 18 32/.72)}
html.light .text-white\/60{color:rgb(11 18 32/.66)}
html.light .text-white\/55{color:rgb(11 18 32/.62)}
html.light .text-white\/50{color:rgb(11 18 32/.58)}
html.light .hover\:text-white:hover{color:#0b1220}

html.light .text-indigo-400{color:#4f46e5}
html.light .text-indigo-300,html.light .hover\:text-indigo-300:hover{color:#4338ca}
html.light .text-emerald-400{color:#047857}

html.light .bg-white\/5{background-color:rgb(11 18 32/.04)}
html.light .bg-white\/10{background-color:rgb(11 18 32/.07)}
html.light .bg-white\/\[0\.015\]{background-color:rgb(11 18 32/.02)}
html.light .border-white\/10{border-color:rgb(11 18 32/.1)}
html.light .border-white\/5{border-color:rgb(11 18 32/.08)}

html.light .bg-ink{background-color:#fff}
html.light .bg-ink\/\[0\.98\]{background-color:rgb(255 255 255/.98)}
html.light .ring-ink{--tw-ring-color:#f7f8fb}

/* primary white buttons become dark */
html.light .bg-white.text-black{background-color:#0b1220;color:#fff}
html.light .bg-white.text-black:hover,html.light .hover\:bg-white\/90.text-black:hover{background-color:#1f2937}

html.light .glass{background:rgb(255 255 255/.72);border-color:rgb(11 18 32/.09);box-shadow:0 1px 2px rgb(16 24 40/.04)}
html.light .glass-hover:hover{background:#fff;border-color:rgb(99 102 241/.45);box-shadow:0 20px 40px -22px rgb(79 70 229/.35)}
html.light #navbar.scrolled{background-color:rgb(255 255 255/.82);border-color:rgb(11 18 32/.08)}
html.light .bg-grid{background-image:linear-gradient(90deg,rgb(11 18 32/.05) 1px,#0000 1px),linear-gradient(rgb(11 18 32/.05) 1px,#0000 1px)}
html.light .text-gradient{background:linear-gradient(90deg,#4f46e5,#0891b2 60%,#059669);-webkit-background-clip:text;background-clip:text;color:#0000}
html.light .tech-chip img{filter:drop-shadow(0 4px 10px rgb(16 24 40/.12))}
html.light .t-dot:after{background:rgb(11 18 32/.2)}
html.light .t-dot.active:after{background:#0b1220}
html.light details summary:after{color:rgb(11 18 32/.5)}
html.light .theme-toggle{color:#0b1220}
html.light img[src$="/icons/nextdotjs.svg"],html.light img[src$="/icons/wordpress.svg"],html.light img[src$="/icons/webflow.svg"],html.light img[src$="/icons/vercel.svg"],html.light img[src$="/icons/express.svg"],html.light img[src$="/icons/googleplay.svg"],html.light img[src$="/icons/github.svg"],html.light img[src$="/icons/googlesearchconsole.svg"],html.light img[src$="/icons/linkedin.svg"],html.light img[src$="/icons/x.svg"]{filter:invert(1)}
html.light .tech-chip img[src$="nextdotjs.svg"],html.light .tech-chip img[src$="wordpress.svg"],html.light .tech-chip img[src$="webflow.svg"],html.light .tech-chip img[src$="vercel.svg"],html.light .tech-chip img[src$="express.svg"],html.light .tech-chip img[src$="googleplay.svg"],html.light .tech-chip img[src$="github.svg"],html.light .tech-chip img[src$="googlesearchconsole.svg"]{filter:invert(1) drop-shadow(0 4px 10px rgb(16 24 40/.12))}