html[data-theme="light"] {
  color-scheme: light;
  --color-dark-950: #E9E9EC; --color-dark-900: #F6F6F7; --color-dark-800: #EDEDEF; --color-dark-700: #DADADF; --color-dark-600: #C3C3CA;
  --color-white: #111111; --color-text-on-dark: #111111;
  --color-gray-100: #26262A; --color-gray-200: #333338; --color-gray-300: #44444A; --color-gray-400: #55555C; --color-gray-500: #66666E;
}
html[data-theme="light"] body { background: var(--color-dark-900); color: #111; }
html[data-theme="light"] .mw-header { animation: none !important; background: rgba(255,255,255,0.72) !important; border-bottom: 1px solid rgba(0,0,0,0.08) !important; box-shadow: 0 4px 24px rgba(0,0,0,0.07) !important; }
html[data-theme="light"] .nav-link { color: rgba(17,17,17,0.72); }
html[data-theme="light"] .nav-link:hover, html[data-theme="light"] .nav-link.active { color: #111; }
html[data-theme="light"] svg [stroke^="rgba(255,255,255"], html[data-theme="light"] svg[stroke^="rgba(255,255,255"] { stroke: rgba(0,0,0,0.08); }
html[data-theme="light"] svg stop[stop-color="#fff"] { stop-color: #111; }
html[data-theme="light"] svg circle[fill="#fff"] { fill: #111; }
html[data-theme="light"] canvas { filter: invert(1) hue-rotate(180deg) saturate(1.3); }
html[data-theme="light"] ::-webkit-scrollbar-track { background: var(--color-dark-800); }
html[data-theme="light"] .mw-theme { border-color: rgba(0,0,0,0.2) !important; background: rgba(0,0,0,0.05) !important; }
.mw-theme .mw-theme-knob { transform: translateX(0); }
html[data-theme="light"] .mw-theme .mw-theme-knob { transform: translateX(26px); }
.mw-theme .ic-sun { display: none; }
html[data-theme="light"] .mw-theme .ic-sun { display: block; }
html[data-theme="light"] .mw-theme .ic-moon { display: none; }
html[data-theme="light"] [style*="drop-shadow"] { filter: none !important; }
html[data-theme="light"] .hero-badges > div { background: rgba(255,255,255,0.78) !important; border-color: rgba(0,0,0,0.12) !important; box-shadow: 0 6px 24px rgba(0,0,0,0.08); }
html[data-theme="light"] .btn-ghost { color: #111; border-color: rgba(0,0,0,0.3); }
html[data-theme="light"] .btn-ghost:hover { color: var(--color-brand); border-color: var(--color-brand); }
@keyframes svcBlinkL { 0%,100% { color: rgba(17,17,17,0.72); text-shadow: none; filter: none; } 50% { color: #FF0083; text-shadow: 0 0 8px rgba(255,0,131,0.7), 0 0 22px rgba(255,0,131,0.5); filter: drop-shadow(0 0 14px rgba(255,0,131,0.5)); } }
html[data-theme="light"] .svc-blink { animation-name: svcBlinkL; }
html[data-theme="light"] .svc-blink::after { background: radial-gradient(ellipse at 50% 50%, rgba(255,0,131,0.3) 0%, rgba(255,0,131,0.16) 16%, rgba(255,0,131,0.06) 38%, rgba(255,0,131,0) 66%); }
html[data-theme="light"] .svc-blink::before { background: #FF0083; box-shadow: 0 0 8px rgba(255,0,131,0.6); }
html[data-theme="light"] [style*="rgba(10, 10, 10, 0.94)"], html[data-theme="light"] [style*="rgba(10,10,10,0.94)"] { background: rgba(255,255,255,0.97) !important; border-color: rgba(0,0,0,0.1) !important; box-shadow: 0 12px 40px rgba(0,0,0,0.14) !important; }
html[data-theme="light"] [style*="background: rgba(255, 255, 255, 0.0"], html[data-theme="light"] [style*="background:rgba(255,255,255,0.0"] { background: rgba(0,0,0,0.035) !important; }
html[data-theme="light"] [style*="solid rgba(255, 255, 255"], html[data-theme="light"] [style*="solid rgba(255,255,255"] { border-color: rgba(0,0,0,0.11) !important; }
html[data-theme="light"] [style*="color: rgba(255, 255, 255"], html[data-theme="light"] [style*="color:rgba(255,255,255"] { color: rgba(17,17,17,0.78) !important; }