html[data-theme="dark"] { color-scheme: dark; }
html[data-theme="light"] { color-scheme: light; background: #f8fafc; }

html[data-theme="light"] body {
    background-color: #f8fafc !important;
    color: #0f172a !important;
}
html[data-theme="light"] .piximg-logo { filter: invert(1); }

html[data-theme="light"] .bg-slate-950,
html[data-theme="light"] [class*="bg-slate-950/"] { background-color: #f8fafc !important; }
html[data-theme="light"] .bg-slate-900,
html[data-theme="light"] [class*="bg-slate-900/"] { background-color: #ffffff !important; }
html[data-theme="light"] .bg-slate-800,
html[data-theme="light"] [class*="bg-slate-800/"] { background-color: #f1f5f9 !important; }
html[data-theme="light"] .bg-slate-700,
html[data-theme="light"] [class*="bg-slate-700/"] { background-color: #e2e8f0 !important; }

html[data-theme="light"] .text-slate-50,
html[data-theme="light"] .text-slate-100 { color: #0f172a !important; }
html[data-theme="light"] .text-slate-200 { color: #1e293b !important; }
html[data-theme="light"] .text-slate-300 { color: #334155 !important; }
html[data-theme="light"] .text-slate-400 { color: #475569 !important; }
html[data-theme="light"] .text-slate-500 { color: #64748b !important; }
html[data-theme="light"] .text-slate-600 { color: #64748b !important; }

html[data-theme="light"] .border-slate-900,
html[data-theme="light"] .border-slate-800,
html[data-theme="light"] [class*="border-slate-800/"] { border-color: #dbe3ed !important; }
html[data-theme="light"] .border-slate-700,
html[data-theme="light"] [class*="border-slate-700/"] { border-color: #cbd5e1 !important; }
html[data-theme="light"] .divide-slate-800 > :not([hidden]) ~ :not([hidden]) { border-color: #dbe3ed !important; }

html[data-theme="light"] input,
html[data-theme="light"] textarea,
html[data-theme="light"] select { color: #0f172a; }
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder { color: #94a3b8; }

html[data-theme="light"] .hover\:bg-slate-800:hover,
html[data-theme="light"] .hover\:bg-slate-700:hover { background-color: #e2e8f0 !important; }
html[data-theme="light"] .hover\:text-slate-100:hover,
html[data-theme="light"] .hover\:text-slate-200:hover,
html[data-theme="light"] .hover\:text-slate-300:hover { color: #0f172a !important; }

html[data-theme="light"] .from-slate-950,
html[data-theme="light"] [class*="from-slate-950/"] { --tw-gradient-from: #f8fafc var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(248 250 252 / 0) var(--tw-gradient-to-position) !important; }
html[data-theme="light"] .from-slate-900,
html[data-theme="light"] [class*="from-slate-900/"] { --tw-gradient-from: #ffffff var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; }
html[data-theme="light"] .via-slate-900,
html[data-theme="light"] [class*="via-slate-900/"] { --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), #ffffff var(--tw-gradient-via-position), var(--tw-gradient-to) !important; }
html[data-theme="light"] .to-slate-950,
html[data-theme="light"] [class*="to-slate-950/"] { --tw-gradient-to: #f8fafc var(--tw-gradient-to-position) !important; }
html[data-theme="light"] .to-slate-900,
html[data-theme="light"] [class*="to-slate-900/"] { --tw-gradient-to: #ffffff var(--tw-gradient-to-position) !important; }

html[data-theme="light"] body.marketing-page main {
    background:
        radial-gradient(circle at 13% 7%, rgba(14, 165, 233, .10), transparent 34rem),
        radial-gradient(circle at 88% 34%, rgba(139, 92, 246, .05), transparent 30rem),
        #f8fafc;
}
html[data-theme="light"] body.preview-home #dropZone,
html[data-theme="light"] body.preview-home #featureBoxes .card-feature,
html[data-theme="light"] body.preview-auth main > div > div,
html[data-theme="light"] body.preview-desktop main .grid > div > div,
html[data-theme="light"] body.preview-desktop main .lg\:sticky > div,
html[data-theme="light"] body.preview-docs aside nav {
    background-color: rgba(255, 255, 255, .86) !important;
}
html[data-theme="light"] body.preview-docs .docs-pro-tier {
    background: linear-gradient(135deg, #f0f9ff, #ffffff) !important;
    border-color: #7dd3fc !important;
    box-shadow: 0 8px 22px rgba(14, 165, 233, .07);
}
html[data-theme="light"] body.preview-docs .docs-pro-tier .text-sky-300 {
    color: #0369a1 !important;
}
html[data-theme="light"] body.preview-docs .docs-pro-tier .bg-sky-500\/20 {
    background-color: #e0f2fe !important;
}
html[data-theme="light"] body.preview-docs .docs-limit-note {
    background-color: #f0f9ff !important;
    border-color: #7dd3fc !important;
}
html[data-theme="light"] body.preview-docs .docs-limit-note .text-sky-400,
html[data-theme="light"] body.preview-docs .docs-pro-tier .text-sky-400 {
    color: #0369a1 !important;
}
html[data-theme="light"] body.preview-home #uploadArea .card-main,
html[data-theme="light"] body.preview-pro main > div > section:nth-child(2),
html[data-theme="light"] body.preview-auth main > div > div {
    box-shadow: 0 24px 60px rgba(15, 23, 42, .10) !important;
}
html[data-theme="light"] body.preview-home .upload-delete-copy {
    background-color: #f1f5f9 !important;
    border: 1px solid #cbd5e1;
    color: #334155 !important;
}
html[data-theme="light"] body.preview-home .upload-delete-copy:hover {
    background-color: #e2e8f0 !important;
    border-color: #94a3b8;
    color: #0f172a !important;
}

html[data-theme="light"] #launchOfferBanner {
    background: linear-gradient(100deg, #581c87, #6b21a8 52%, #581c87) !important;
    border-color: rgba(192, 132, 252, .7) !important;
    box-shadow: 0 18px 40px rgba(88, 28, 135, .18) !important;
}
html[data-theme="light"] #launchOfferBanner .text-purple-300 { color: #f3e8ff !important; }
html[data-theme="light"] #launchOfferBanner .text-slate-300 { color: #e2e8f0 !important; }
html[data-theme="light"] #launchOfferBanner .text-slate-400 { color: #cbd5e1 !important; }
html[data-theme="light"] #launchOfferBanner .coupon-code {
    background: rgba(255, 255, 255, .08) !important;
    border-color: rgba(233, 213, 255, .55) !important;
}
html[data-theme="light"] #launchOfferBanner .coupon-code:hover {
    background: rgba(255, 255, 255, .14) !important;
    border-color: rgba(243, 232, 255, .85) !important;
}

html[data-theme="light"] .feature-row:hover {
    background: rgba(14, 165, 233, .07) !important;
}

html[data-theme="light"] .gallery-view-button { color: #475569; }
html[data-theme="light"] .gallery-view-button:hover {
    color: #0f172a;
    background: #e2e8f0;
}
html[data-theme="light"] .gallery-view-button.active {
    color: #0369a1;
    background: rgba(14, 165, 233, .14);
}

html[data-theme="light"] body.account-dashboard .card-small {
    background: #ffffff !important;
    border-color: #dbe3ed !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .045) !important;
}
html[data-theme="light"] body.account-dashboard .card-small:hover {
    background: #f8fafc !important;
    border-color: #bae6fd !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .08) !important;
}
html[data-theme="light"] body.account-dashboard .card-small.opacity-60 {
    opacity: 1 !important;
    background: #f8fafc !important;
    border-color: #dbe3ed !important;
}
html[data-theme="light"] body.account-dashboard .card-small.cursor-not-allowed:hover {
    transform: none;
    background: #f8fafc !important;
    border-color: #dbe3ed !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .045) !important;
}
html[data-theme="light"] body.account-dashboard .recent-upload-card {
    background: #ffffff !important;
    border-color: #dbe3ed !important;
    box-shadow: 0 6px 18px rgba(15, 23, 42, .04);
}
html[data-theme="light"] body.account-dashboard .image-thumb .text-slate-100 {
    color: #f8fafc !important;
}
html[data-theme="light"] body.account-dashboard .image-thumb .text-slate-400 {
    color: #cbd5e1 !important;
}
html[data-theme="light"] body.account-dashboard .delete-image-btn {
    background: #fff1f2 !important;
    border-color: #fecdd3 !important;
    color: #be123c !important;
}
html[data-theme="light"] body.account-dashboard .delete-image-btn:hover {
    background: #ffe4e6 !important;
    border-color: #fda4af !important;
    color: #9f1239 !important;
}

html[data-theme="light"] body.blog-post .post-body {
    color: #334155;
}
html[data-theme="light"] body.blog-post .post-body h2,
html[data-theme="light"] body.blog-post .post-body h3 {
    color: #0f172a;
}
html[data-theme="light"] body.blog-post .post-body a {
    color: #0369a1;
}
html[data-theme="light"] body.blog-post .post-body blockquote {
    color: #475569;
}
html[data-theme="light"] body.blog-post .post-body img {
    border-color: #cbd5e1;
}
html[data-theme="light"] body.blog-post .post-body code {
    color: #1e293b;
    background: #e2e8f0;
    border-color: #cbd5e1;
}
html[data-theme="light"] body.blog-post .post-body pre {
    color: #e2e8f0;
    background: #0f172a;
    border-color: #334155;
}
html[data-theme="light"] body.blog-post .post-body pre code {
    color: inherit;
    background: transparent;
}

#themeToggle [data-theme-icon="sun"],
#themeToggle [data-theme-icon="moon"] { display: none; }
html[data-theme="dark"] #themeToggle [data-theme-icon="sun"] { display: block; }
html[data-theme="light"] #themeToggle [data-theme-icon="moon"] { display: block; }