html.theme-white body{background:#f8fafc;color:#0f172a}
html.theme-blue body{background:#0f172a;color:#e5e7eb}

html.theme-white nav{background:#ffffff;color:#0f172a;border-bottom:1px solid #e2e8f0}
html.theme-blue nav{background:#0b1220;color:#e5e7eb}
html.theme-white nav a{color:#1e3a8a}
html.theme-white nav a:hover{color:#1d4ed8}
html.theme-blue nav a{color:#cbd5e1}
html.theme-blue nav a:hover{color:#93c5fd}
html.theme-white footer{background:#ffffff;color:#0f172a;border-top:1px solid #e2e8f0}
html.theme-blue footer{background:#0b1220;color:#e5e7eb}
html.theme-white footer .text-gray-300{color:#334155!important}
html.theme-blue footer .text-gray-300{color:#cbd5e1!important}
html.theme-white footer a{color:#1d4ed8}
html.theme-white footer a:hover{color:#1e40af}
html.theme-blue footer a{color:#93c5fd}
html.theme-blue footer a:hover{color:#bfdbfe}

html.theme-blue .text-gray-900,html.theme-blue .text-gray-800,html.theme-blue .text-gray-700,html.theme-blue .text-gray-600{color:#e5e7eb!important}
html.theme-blue .text-blue-900{color:#bfdbfe!important}
html.theme-blue .text-gray-500,html.theme-blue .text-gray-400{color:#cbd5e1!important}
html.theme-blue .text-blue-600{color:#93c5fd!important}

html.theme-blue .bg-white{background:#0b1220!important;color:#e5e7eb!important}
html.theme-blue .bg-gray-50,html.theme-blue .bg-gray-100{background:#0f172a!important;color:#e5e7eb!important}
html.theme-blue .bg-gray-200{background:#111827!important;color:#e5e7eb!important}
html.theme-blue .bg-gray-500{background:#374151!important}
html.theme-blue .bg-gray-600{background:#4b5563!important}
html.theme-blue .bg-gray-700{background:#334155!important}
html.theme-blue .dark\:bg-slate-800{background:#0b1220!important}

html.theme-blue .border{border-color:#1f2937!important}
html.theme-blue .border-gray-200{border-color:#1f2937!important}
html.theme-blue .border-gray-300{border-color:#1f2937!important}
html.theme-blue .border-gray-400{border-color:#334155!important}
html.theme-blue .dark\:border-gray-700{border-color:#334155!important}

html.theme-blue input,html.theme-blue select,html.theme-blue textarea{background:#0b1220!important;color:#e5e7eb!important;border-color:#334155!important}
html.theme-blue input::placeholder,html.theme-blue textarea::placeholder{color:#94a3b8!important}
html.theme-white input,html.theme-white select,html.theme-white textarea{background:#ffffff;color:#0f172a;border-color:#cbd5e1}
html.theme-white select:focus,html.theme-white input:focus,html.theme-white textarea:focus{outline:2px solid #93c5fd!important;border-color:#60a5fa!important}
html.theme-blue select:focus,html.theme-blue input:focus,html.theme-blue textarea:focus{outline:2px solid #60a5fa!important;border-color:#60a5fa!important}

html.theme-blue a{color:#93c5fd}
html.theme-blue a:hover{color:#bfdbfe}
html.theme-white a{color:#1d4ed8}
html.theme-white a:hover{color:#1e40af}

html.theme-white h1.text-white,html.theme-white h2.text-white,html.theme-white h3.text-white,html.theme-white h4.text-white,html.theme-white h5.text-white,html.theme-white h6.text-white{color:#0f172a!important}

html.theme-blue .bg-blue-200{background:#1e3a8a!important;color:#bfdbfe!important}
html.theme-blue .bg-green-200{background:#065f46!important;color:#bbf7d0!important}
html.theme-blue .bg-purple-200{background:#4c1d95!important;color:#e9d5ff!important}

html.theme-blue .shadow,html.theme-blue .card,html.theme-blue .rounded{box-shadow:0 1px 2px rgba(0,0,0,.25)}
html.theme-blue .text-black{color:#e5e7eb!important}

html.theme-blue .bg-gray-200:hover{background:#1f2937!important}

html.theme-white .btn-primary, html.theme-white a.bg-blue-600, html.theme-white .bg-blue-600{color:#ffffff!important}
html.theme-blue .btn-primary, html.theme-blue a.bg-blue-600, html.theme-blue .bg-blue-600{color:#ffffff!important}

html.theme-white a.bg-white.text-blue-600, html.theme-white .bg-white.text-blue-600{border-color:#60a5fa!important}


html.theme-white .pagination a{background:#ffffff;color:#1e3a8a;border:1px solid #cbd5e1}
html.theme-white .pagination a.active{background:#2563eb;color:#ffffff;border-color:#1d4ed8}
html.theme-blue .pagination a{background:#0b1220;color:#bfdbfe;border:1px solid #334155}
html.theme-blue .pagination a.active{background:#2563eb;color:#ffffff;border-color:#2563eb}


html.theme-white .chip, html.theme-white .category-box{background:#eff6ff;color:#1e3a8a;border:1px solid #bfdbfe}
html.theme-blue .chip, html.theme-blue .category-box{background:#1e293b;color:#bfdbfe;border:1px solid #334155}


.card-zoom{transition:transform .25s ease, box-shadow .25s ease}
.card-zoom:hover{transform:translateY(-4px);box-shadow:0 10px 20px rgba(0,0,0,.15)}
.activity-card, .blog-card, .product-card{transition:box-shadow .25s ease, transform .25s ease}
.activity-card:hover, .blog-card:hover, .product-card:hover{transform:translateY(-2px);box-shadow:0 10px 18px rgba(0,0,0,.12)}


.theme-fab{position:fixed;right:1rem;bottom:4.5rem;z-index:60;width:44px;height:44px;border-radius:9999px;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 15px rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.2)}
.theme-fab:hover{background:#1d4ed8}
html.theme-blue .theme-fab{background:#1e293b;color:#bfdbfe;border-color:#334155}
html.theme-blue .theme-fab:hover{background:#0f172a}


.social-icon{display:inline-block}
html.theme-white img[alt="tiktok"].social-icon{filter:invert(1)}
html.theme-blue img[alt="tiktok"].social-icon{filter:invert(0)}


html.theme-white .section-separated{border-top:1px solid #e5e7eb}
html.theme-blue .section-separated{border-top:1px solid #334155}


html.theme-white .about-page h1, 
html.theme-white .about-page h2,
html.theme-white .about-page h3,
html.theme-white .about-page h4,
html.theme-white .about-page h5,
html.theme-white .about-page h6 { color:#0f172a !important }
html.theme-white .about-page p,
html.theme-white .about-page li,
html.theme-white .about-page span,
html.theme-white .about-page .text-gray-600,
html.theme-white .about-page .text-gray-500 { color:#0f172a !important }
html.theme-white .about-page .prose :where(p,li,span){ color:#0f172a !important }
html.theme-white .about-page .ring-gray-200\/70{ border-color:#e2e8f0 !important }
html.theme-white .about-page .bg-white\/70{ background-color:rgba(255,255,255,.9) !important }

html.theme-blue .about-page h1,
html.theme-blue .about-page h2,
html.theme-blue .about-page h3,
html.theme-blue .about-page h4,
html.theme-blue .about-page h5,
html.theme-blue .about-page h6 { color:#e5e7eb !important }
html.theme-blue .about-page p,
html.theme-blue .about-page li,
html.theme-blue .about-page span,
html.theme-blue .about-page .prose :where(p,li,span){ color:#e5e7eb !important }
html.theme-blue .about-page .ring-gray-200\/70{ border-color:#334155 !important }
html.theme-blue .about-page .bg-white\/70{ background-color:rgba(11,18,32,.85) !important; color:#e5e7eb !important }
html.theme-blue .about-page .bg-white\/80{ background-color:rgba(115,120,120,.8) !important; color:#e5e7eb !important }
html.theme-blue .text-blue-700, html.theme-blue .text-blue-800{ color:#93c5fd !important }


html.theme-white .about-page .text-center.mb-14 h2{ color:#0f172a !important }
html.theme-white .about-page .text-center.mb-14 p{ color:#0f172a !important }
html.theme-blue .about-hero-bg{ background:linear-gradient(to bottom, rgba(11,18,32,1), rgba(11,18,32,.92), rgba(11,18,32,.88)) !important }
html.theme-blue .about-page .text-center.mb-14 h2{ color:#e5e7eb !important }
html.theme-blue .about-page .text-center.mb-14 p{ color:#e5e7eb !important }