:root {
    --site-theme-transition: background-color 0.22s ease, color 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
}

html[data-theme="dark"] {
    color-scheme: dark;
}

html[data-theme="light"] {
    color-scheme: light;
}

body {
    transition: var(--site-theme-transition);
}

html[data-theme="light"] body {
    background-color: #f5f7fb !important;
    color: #0f172a !important;
}

html[data-theme="light"] .site-glass {
    background: rgba(255, 255, 255, 0.9) !important;
    border-bottom-color: rgba(15, 23, 42, 0.1) !important;
}

html[data-theme="light"] #main-header.scrolled .site-glass {
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12) !important;
}

html[data-theme="light"] .mobile-sheet {
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 55%, #f1f5f9 100%) !important;
    border-left-color: rgba(15, 23, 42, 0.1) !important;
}

html[data-theme="light"] .mobile-nav-link {
    border-color: rgba(15, 23, 42, 0.14) !important;
    background: rgba(248, 250, 252, 0.98) !important;
}

html[data-theme="light"] .mobile-nav-link:hover {
    border-color: rgba(15, 23, 42, 0.3) !important;
    background: rgba(226, 232, 240, 0.95) !important;
}

html[data-theme="light"] #menu-overlay {
    background: rgba(15, 23, 42, 0.45) !important;
}

html[data-theme="light"] .nf-shell {
    background:
        radial-gradient(1100px 460px at 80% -10%, rgba(229, 9, 20, 0.18), transparent 60%),
        radial-gradient(900px 380px at 10% 0%, rgba(15, 23, 42, 0.08), transparent 55%),
        #f5f7fb !important;
}

html[data-theme="light"] .vp-shell {
    background:
        radial-gradient(900px 320px at 85% -10%, rgba(229, 9, 20, 0.14), transparent 60%),
        radial-gradient(650px 260px at 10% 0%, rgba(15, 23, 42, 0.08), transparent 60%),
        #f5f7fb !important;
}

html[data-theme="light"] .nf-fade-bottom {
    background: linear-gradient(to top, rgba(245, 247, 251, 1) 0%, rgba(245, 247, 251, 0.86) 40%, rgba(245, 247, 251, 0) 100%) !important;
}

html[data-theme="light"] footer {
    background: #f8fafc !important;
    border-top-color: rgba(15, 23, 42, 0.12) !important;
}

html[data-theme="light"] [class*="bg-[#0f0f10]"],
html[data-theme="light"] [class*="bg-[#111]"],
html[data-theme="light"] [class*="bg-black"],
html[data-theme="light"] [class*="bg-zinc-900"],
html[data-theme="light"] [class*="bg-zinc-800"],
html[data-theme="light"] [class*="bg-zinc-700"],
html[data-theme="light"] [class*="bg-gray-900"],
html[data-theme="light"] [class*="bg-gray-800"],
html[data-theme="light"] [class*="bg-gray-700"] {
    background-color: rgba(255, 255, 255, 0.94) !important;
}

html[data-theme="light"] [class*="bg-white/"] {
    background-color: rgba(15, 23, 42, 0.08) !important;
}

html[data-theme="light"] [class*="ring-white"] {
    --tw-ring-color: rgba(15, 23, 42, 0.12) !important;
}

html[data-theme="light"] [class*="text-white"] {
    color: #0f172a !important;
}

html[data-theme="light"] [class*="text-gray-100"],
html[data-theme="light"] [class*="text-gray-200"],
html[data-theme="light"] [class*="text-gray-300"],
html[data-theme="light"] [class*="text-gray-400"] {
    color: #475569 !important;
}

html[data-theme="light"] [class*="border-white"],
html[data-theme="light"] [class*="border-zinc-"],
html[data-theme="light"] [class*="border-gray-"] {
    border-color: rgba(15, 23, 42, 0.16) !important;
}

html[data-theme="light"] input,
html[data-theme="light"] textarea,
html[data-theme="light"] select {
    background-color: #ffffff !important;
    color: #0f172a !important;
    border-color: #cbd5e1 !important;
}

html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder {
    color: #64748b !important;
}

html[data-theme="light"] .row-nav-prev,
html[data-theme="light"] .row-nav-next {
    background-color: #ffffff !important;
    color: #0f172a !important;
    border-color: rgba(15, 23, 42, 0.2) !important;
}

html[data-theme="light"] .row-nav-prev:hover,
html[data-theme="light"] .row-nav-next:hover {
    background-color: #e2e8f0 !important;
}

html[data-theme="light"] [class*="bg-red-"][class*="text-white"],
html[data-theme="light"] [class*="bg-blue-"][class*="text-white"],
html[data-theme="light"] [class*="bg-green-"][class*="text-white"],
html[data-theme="light"] [class*="bg-sky-"][class*="text-white"],
html[data-theme="light"] [class*="bg-cyan-"][class*="text-white"],
html[data-theme="light"] [class*="bg-orange-"][class*="text-white"],
html[data-theme="light"] [class*="bg-zinc-6"][class*="text-white"] {
    color: #ffffff !important;
}