/* ==========================================================================
   Front dark theme — global tokens
   ========================================================================== */
html.dark {
    color-scheme: dark;
}

body.front-page {
    background-color: #ffffff;
}

html.dark body.front-page {
    background-color: #0b1220;
    color: #e2e8f0;
}

/* ==========================================================================
   Surfaces & cards
   ========================================================================== */
html.dark .bg-white {
    background-color: #1e293b !important;
}

html.dark [class*="bg-[#F9FAFB]"],
html.dark [class*="bg-[#F5F7FA]"],
html.dark [class*="bg-[#F3F4F6]"],
html.dark [class*="bg-[#E7EAF0]"] {
    background-color: #1e293b !important;
}

html.dark [class*="bg-gray-50"],
html.dark [class*="bg-gray-100"] {
    background-color: #1e293b !important;
}

html.dark .category-tile,
html.dark .mega-cat-card {
    background-color: #334155 !important;
}

html.dark .category-tile-card:hover {
    background-color: #334155 !important;
    border-color: rgba(250, 92, 100, 0.25) !important;
}

/* Pastel chips / badges */
html.dark [class*="bg-[#F0FDF4]"],
html.dark [class*="bg-[#DCFCE7]"],
html.dark [class*="bg-[#FFF1F2]"],
html.dark [class*="bg-[#FFE4E6]"],
html.dark [class*="bg-[#EFF6FF]"],
html.dark [class*="bg-[#FFF7ED]"],
html.dark [class*="bg-[#EEF2FF]"],
html.dark [class*="bg-[#FEF3C7]"],
html.dark [class*="bg-[#FCE7F3]"],
html.dark [class*="bg-[#F0FDFA]"],
html.dark [class*="bg-[#FEF2F2]"],
html.dark [class*="bg-[#FEE2E2]"],
html.dark [class*="bg-[#DBEAFE]"],
html.dark [class*="bg-[#DCFCE7]"],
html.dark [class*="bg-[#E0E7FF]"],
html.dark [class*="bg-[#F3E8FF]"],
html.dark [class*="bg-[#FFEDD5]"] {
    background-color: #334155 !important;
}

/* ==========================================================================
   Typography — titles & body
   ========================================================================== */
html.dark h1,
html.dark h2,
html.dark h3,
html.dark h4,
html.dark h5,
html.dark h6 {
    color: #f8fafc;
}

html.dark [class*="text-[#0C2D5B]"],
html.dark [class*="text-[#0c2d5b]"] {
    color: #f8fafc !important;
}

html.dark [class*="text-[#0C2D5B]/50"],
html.dark [class*="text-[#0c2d5b]/50"] {
    color: #94a3b8 !important;
}

html.dark [class*="text-[#181E25]"],
html.dark [class*="text-[#384656]"],
html.dark [class*="text-[#0c0d0e]"] {
    color: #f1f5f9 !important;
}

html.dark [class*="text-[#67788E]"] {
    color: #94a3b8 !important;
}

html.dark [class*="text-[#ACB8C4]"] {
    color: #64748b !important;
}

html.dark [class*="text-gray-600"],
html.dark [class*="text-gray-700"],
html.dark [class*="text-gray-800"],
html.dark [class*="text-gray-900"] {
    color: #e2e8f0 !important;
}

html.dark .group:hover [class*="text-[#67788E]"] {
    color: #f1f5f9 !important;
}

/* Colored labels on pastel backgrounds */
html.dark [class*="text-[#166534]"],
html.dark [class*="text-[#1E40AF]"],
html.dark [class*="text-[#92400E]"],
html.dark [class*="text-[#9A3412]"],
html.dark [class*="text-[#3730A3]"],
html.dark [class*="text-[#9D174D]"],
html.dark [class*="text-[#115E59]"],
html.dark [class*="text-[#991B1B]"],
html.dark [class*="text-[#D97706]"] {
    color: #e2e8f0 !important;
}

/* Brand / accent text */
html.dark [class*="text-[#FA5C64]"],
html.dark [class*="text-emerald-600"],
html.dark [class*="text-emerald-700"],
html.dark [class*="text-rose-600"],
html.dark [class*="text-rose-700"] {
    color: #ffffff !important;
}

html.dark [class*="text-sky-600"] {
    color: #38bdf8 !important;
}

html.dark .group:hover [class*="group-hover:text-sky-600"] {
    color: #38bdf8 !important;
}

html.dark .group:hover [class*="group-hover:text-violet-700"] {
    color: #a78bfa !important;
}

html.dark [class*="text-[#3B82F6]"],
html.dark [class*="text-[#6366F1]"],
html.dark [class*="text-[#A855F7]"] {
    color: #93c5fd !important;
}

/* ==========================================================================
   Borders & dividers
   ========================================================================== */
html.dark [class*="border-[#E7EAF0]"],
html.dark [class*="border-gray-100"],
html.dark [class*="border-gray-200"] {
    border-color: #475569 !important;
}

/* ==========================================================================
   Gradients (nav / mobile menu)
   ========================================================================== */
html.dark [class*="from-[#f0fdf4]"],
html.dark [class*="to-[#dcfce7]"],
html.dark [class*="from-[#FFF1F2]"],
html.dark [class*="to-[#FFE4E6]"],
html.dark [class*="from-[#F9FAFB]"],
html.dark [class*="to-[#F3F4F6]"],
html.dark [class*="from-[#FEF3C7]"],
html.dark [class*="to-[#FEF9C3]"],
html.dark [class*="from-[#FCF1F8]"],
html.dark [class*="to-[#FFF7ED]"] {
    --tw-gradient-from: #334155 var(--tw-gradient-from-position) !important;
    --tw-gradient-to: #1e293b var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

/* ==========================================================================
   Product cards
   ========================================================================== */
html.dark .product-card {
    background-color: #1e293b !important;
    border-color: #475569 !important;
}

html.dark .product-card [class*="from-slate-50"],
html.dark .product-card [class*="from-violet-50"],
html.dark .product-card [class*="from-rose-50"] {
    --tw-gradient-from: #334155 var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgb(51 65 85 / 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

html.dark .product-card [class*="to-gray-100"],
html.dark .product-card [class*="to-purple-50"],
html.dark .product-card [class*="to-pink-50"] {
    --tw-gradient-to: #1e293b var(--tw-gradient-to-position) !important;
}

html.dark .product-card .product-card-title,
html.dark .product-card h3 {
    color: #f1f5f9 !important;
}

html.dark .product-card [class*="text-gray-800"] {
    color: #f1f5f9 !important;
}

html.dark .product-card [class*="text-gray-500"] {
    color: #94a3b8 !important;
}

html.dark .product-card [class*="text-gray-400"] {
    color: #94a3b8 !important;
}

html.dark .product-card [class*="bg-rose-50"] {
    background-color: rgba(250, 92, 100, 0.14) !important;
}

html.dark .product-card [class*="bg-violet-50"] {
    background-color: rgba(139, 92, 246, 0.16) !important;
}

html.dark .product-card span[class*="text-rose-600"],
html.dark .product-card span[class*="text-[#FA5C64]"] {
    color: #FB7185 !important;
}

html.dark .product-card span[class*="text-violet-600"] {
    color: #c4b5fd !important;
}

html.dark .product-card.group:hover h3[class*="group-hover:text-emerald"],
html.dark .product-card.group:hover h3[class*="group-hover:text-rose"],
html.dark .product-card.group:hover .product-card-title[class*="group-hover:text-rose"] {
    color: #FB7185 !important;
}

html.dark .product-card.group:hover h3[class*="group-hover:text-violet"] {
    color: #c4b5fd !important;
}

/* ==========================================================================
   Buttons & tabs
   ========================================================================== */
html.dark button[class*="bg-white"][class*="text-[#67788E]"] {
    background-color: #334155 !important;
    color: #cbd5e1 !important;
}

html.dark button[class*="bg-white"][class*="text-[#67788E]"]:hover {
    background-color: #475569 !important;
}

html.dark a[class*="bg-white"][class*="text-[#0C2D5B]"] {
    background-color: #f8fafc !important;
    color: #0f172a !important;
}

html.dark a[class*="bg-white"][class*="text-[#0C2D5B]"]:hover {
    background-color: #FA5C64 !important;
    color: #ffffff !important;
}

/* ==========================================================================
   Forms
   ========================================================================== */
html.dark input,
html.dark textarea,
html.dark select {
    color: #f1f5f9;
    background-color: transparent;
}

html.dark input::placeholder,
html.dark textarea::placeholder {
    color: #64748b !important;
}

/* ==========================================================================
   Prose / rich content
   ========================================================================== */
html.dark .prose,
html.dark .prose p,
html.dark .prose li {
    color: #94a3b8 !important;
}

html.dark .prose h1,
html.dark .prose h2,
html.dark .prose h3,
html.dark .prose h4,
html.dark .prose strong {
    color: #f8fafc !important;
}

html.dark .prose a {
    color: #ffffff !important;
}

/* ==========================================================================
   Shadows
   ========================================================================== */
html.dark [class*="shadow-[0_8px_40px"],
html.dark [class*="shadow-sm"],
html.dark [class*="shadow-lg"],
html.dark [class*="shadow-xl"],
html.dark [class*="shadow-2xl"] {
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45) !important;
}

/* ==========================================================================
   Homepage slider navigation — same curved flash as light; fill = page bg
   ========================================================================== */
html.dark .category-next,
html.dark .category-prev {
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Paint flash on the SVG itself so rotation/position match light mode */
html.dark .category-next > svg:not(.icon),
html.dark .category-prev > svg:not(.icon) {
    display: block !important;
    background-color: #0b1220;
    -webkit-mask-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAABwCAMAAACn6OkPAAAAAXNSR0IB2cksfwAAADNQTFRF////////////////////////////////////////////////////////////////////5RDoRwAAABF0Uk5TEAAwcK/v/yCAUJ+/QM+PYN+HzfuJAAABrUlEQVR4nK3X2XbCMAwEUDkr8P8f2lMKgZLEdVbsWJrhoXm+J7EUL2MnTvDjCs9EOTJRDUzUPRON+2WieDLhyWdcI+WDiRFXE4TgsU6i6pjAL5lFfWcClrMI1JNFoMGuQpobE/5lzbVN2PXsQgZjsr2FNZRI+EJtbSSk/WFCH20i5HRlQs7fTCj/8CjymjPhB09E1pZcyOXLEXHonCbSzqkimXK6iDtniKhzlpDeM7FPXFPsBdlimwpArD8RiWWtIrHsTlDMJWMx/UMsptYSEV5CRNjimKg6JnzPhDgqSioGKgoqTv/wjjMVDe3Yi4mRVls+iAgfISIc11hMCw+L6cSHor06sqLaadEhsaQKIOqbw2Lbem2x7VOm2KONJd77pSHmTiARb+2qSE4QTfgqPqg0kR52ijhEuFwcT9RMVHeHRdQIXVy6LB2kIjtKM6GlrkSoUTUWeuSKRF7GQWijTAXNUmbu+zzT2flzFSBNr/lUD2uRQLl/FofUogirFbuAr5gFvn0EYTdrE1pcTEWPb2Ou0XNrLPgtiXzkk9sav/GdyDDEnfFNLIiWXAnlD/TrjyQ2FudeAAAAAElFTkSuQmCC');
    mask-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAABwCAMAAACn6OkPAAAAAXNSR0IB2cksfwAAADNQTFRF////////////////////////////////////////////////////////////////////5RDoRwAAABF0Uk5TEAAwcK/v/yCAUJ+/QM+PYN+HzfuJAAABrUlEQVR4nK3X2XbCMAwEUDkr8P8f2lMKgZLEdVbsWJrhoXm+J7EUL2MnTvDjCs9EOTJRDUzUPRON+2WieDLhyWdcI+WDiRFXE4TgsU6i6pjAL5lFfWcClrMI1JNFoMGuQpobE/5lzbVN2PXsQgZjsr2FNZRI+EJtbSSk/WFCH20i5HRlQs7fTCj/8CjymjPhB09E1pZcyOXLEXHonCbSzqkimXK6iDtniKhzlpDeM7FPXFPsBdlimwpArD8RiWWtIrHsTlDMJWMx/UMsptYSEV5CRNjimKg6JnzPhDgqSioGKgoqTv/wjjMVDe3Yi4mRVls+iAgfISIc11hMCw+L6cSHor06sqLaadEhsaQKIOqbw2Lbem2x7VOm2KONJd77pSHmTiARb+2qSE4QTfgqPqg0kR52ijhEuFwcT9RMVHeHRdQIXVy6LB2kIjtKM6GlrkSoUTUWeuSKRF7GQWijTAXNUmbu+zzT2flzFSBNr/lUD2uRQLl/FofUogirFbuAr5gFvn0EYTdrE1pcTEWPb2Ou0XNrLPgtiXzkk9sav/GdyDDEnfFNLIiWXAnlD/TrjyQ2FudeAAAAAElFTkSuQmCC');
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

html.dark .category-next > svg:not(.icon) *,
html.dark .category-prev > svg:not(.icon) * {
    display: none !important;
}

html.dark .category-next .icon,
html.dark .category-prev .icon {
    z-index: 1;
    stroke: #cbd5e1 !important;
    color: #cbd5e1 !important;
}

/* Section link arrows (stroke was black) */
html.dark section svg path[stroke="#000"],
html.dark section svg rect[stroke="#000"] {
    stroke: #94a3b8 !important;
}

html.dark section svg path[style*="stroke: #000"],
html.dark section svg path[style*="stroke:#000"] {
    stroke: #94a3b8 !important;
}

/* ==========================================================================
   Theme toggle
   ========================================================================== */
[data-theme-toggle] {
    cursor: pointer;
}

html.dark [data-theme-toggle] {
    background-color: #334155 !important;
}

html.dark [data-theme-toggle]:hover {
    background-color: rgba(250, 92, 100, 0.18) !important;
}

html:not(.dark) .theme-icon-dark {
    display: none !important;
}

html.dark .theme-icon-light {
    display: none !important;
}

/* ==========================================================================
   Misc
   ========================================================================== */
html.dark [class*="bg-white/95"] {
    background-color: rgba(30, 41, 59, 0.95) !important;
}

html.dark [class*="bg-[#FA5C644f]"] {
    background-color: rgba(250, 92, 100, 0.2) !important;
}

html.dark [class*="bg-[#FA5C64]/10"] {
    background-color: rgba(250, 92, 100, 0.15) !important;
}

html.dark [class*="border-[#FA5C64]/20"] {
    border-color: rgba(250, 92, 100, 0.35) !important;
}

html.dark a[class*="text-[#0c0d0e]"] {
    color: #cbd5e1 !important;
}

html.dark a[class*="hover:text-[#FA5C64]"]:hover {
    color: #ffffff !important;
}

html.dark [class*="text-gray-400"] {
    color: #94a3b8 !important;
}

html.dark [class*="text-violet-600"],
html.dark [class*="group-hover:text-violet-700"] {
    color: #c4b5fd !important;
}

html.dark [class*="bg-violet-50"] {
    background-color: #4c1d95 !important;
    color: #e9d5ff !important;
}

html.dark [class*="bg-[#ccd6e0"] {
    background-color: #475569 !important;
}

html.dark .product-card [class*="from-violet-50"],
html.dark .product-card [class*="to-purple-50"] {
    --tw-gradient-from: #312e81 var(--tw-gradient-from-position) !important;
    --tw-gradient-to: #1e293b var(--tw-gradient-to-position) !important;
}

/* ==========================================================================
   Site header
   ========================================================================== */
html.dark .site-header {
    border-color: #475569 !important;
}

html.dark .header-search-box {
    background-color: #1e293b !important;
    border-color: #475569 !important;
}

html.dark .header-search-box input {
    color: #f1f5f9 !important;
}

html.dark .header-search-dropdown {
    background-color: #1e293b !important;
    border: 1px solid #334155;
}

html.dark .header-search-input::placeholder {
    color: #64748b !important;
}

/* ==========================================================================
   Shop page
   ========================================================================== */
.shop-filter-panel {
    background-color: #ffffff;
}

.shop-filter-title {
    color: #181E25;
}

.shop-filter-label {
    color: #67788E;
}

.shop-filter-trigger {
    background-color: #ffffff;
    color: #181E25;
}

.shop-filter-trigger.is-open {
    background-color: #FAFBFC;
}

.shop-filter-body {
    background-color: #ffffff;
}

.shop-filter-input {
    background-color: #ffffff;
    border-color: #F6F9FA;
    color: #181E25;
}

.shop-filter-option:hover {
    background-color: #FAFBFC;
}

.shop-sort-link {
    color: #ACB8C4;
}

.shop-sort-link:hover,
.shop-sort-link.is-active {
    color: #FA5C64;
}

.shop-apply-btn {
    color: #FA5C64;
}

.shop-search-chip {
    background-color: #F3F4F6;
    color: #181E25;
}

.shop-card-item {
    background-color: #ffffff;
}

.shop-card-title,
.shop-card-price {
    color: #181E25;
}

.shop-card-stock {
    color: #6B7280;
}

.shop-pagination {
    background-color: #ffffff;
}

html.dark .shop-filter-panel,
html.dark .shop-filter-trigger,
html.dark .shop-filter-body,
html.dark .shop-card-item,
html.dark .shop-pagination {
    background-color: #1e293b !important;
}

html.dark .shop-filter-title {
    color: #f1f5f9 !important;
}

html.dark .shop-filter-label {
    color: #94a3b8 !important;
}

html.dark .shop-filter-trigger.is-open,
html.dark .shop-filter-option:hover {
    background-color: #334155 !important;
}

html.dark .shop-filter-input {
    background-color: #334155 !important;
    border-color: #475569 !important;
    color: #f1f5f9 !important;
}

html.dark .shop-sort-link {
    color: #64748b !important;
}

html.dark .shop-sort-link:hover,
html.dark .shop-sort-link.is-active {
    color: #FB7185 !important;
}

html.dark .shop-apply-btn {
    color: #FB7185 !important;
}

html.dark .shop-apply-btn:hover {
    color: #FA5C64 !important;
}

html.dark .shop-search-chip {
    background-color: #334155 !important;
    color: #f1f5f9 !important;
}

html.dark .shop-card-title,
html.dark .shop-card-price {
    color: #f1f5f9 !important;
}

html.dark .shop-card-stock {
    color: #94a3b8 !important;
}

html.dark .shop-card-item {
    border: 1px solid #475569;
}

html.dark .shop-toolbar {
    border-color: #475569 !important;
}

html.dark .shop-breadcrumb a {
    color: #cbd5e1 !important;
}

html.dark .shop-breadcrumb a:hover {
    color: #FB7185 !important;
}

html.dark .shop-page .custom-scrollbar::-webkit-scrollbar-thumb {
    background: #475569;
}

html.dark .shop-pagination [class*="text-[#FA5C64]"] {
    color: #FB7185 !important;
}

html.dark .shop-pagination [class*="bg-[#FA5C64]"] {
    background-color: #FA5C64 !important;
    color: #ffffff !important;
}

html.dark .shop-pagination [class*="stroke-[#CFD6DF]"] {
    stroke: #64748b !important;
}

html.dark .shop-pagination .group:hover [class*="group-hover:stroke-[#FA5C64]"] {
    stroke: #FB7185 !important;
}

html.dark .shop-pagination .group:hover p {
    color: #FB7185 !important;
}

.shop-stock-toggle.is-off {
    background-color: #E7EAF0;
}

.shop-stock-toggle.is-on {
    background-color: #FA5C64;
}

.shop-stock-toggle-knob {
    background-color: #ffffff;
}

.shop-stock-toggle-knob.is-off {
    left: 16px;
}

.shop-stock-toggle-knob.is-on {
    left: 2px;
}

html.dark .shop-stock-toggle.is-off {
    background-color: #475569 !important;
}

html.dark .shop-stock-toggle.is-on {
    background-color: #FA5C64 !important;
}

html.dark .shop-stock-toggle-knob {
    background-color: #f8fafc !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35) !important;
}

/* ==========================================================================
   Auth / login pages
   ========================================================================== */
body.auth-page {
    background-color: #f9fafb;
}

html.dark body.auth-page {
    background-color: #0b1220;
    color: #e2e8f0;
}

html.dark body.auth-page [class*="text-[#010416]"] {
    color: #f8fafc !important;
}

html.dark body.auth-page [class*="text-[#000000]"] {
    color: #94a3b8 !important;
}

html.dark body.auth-page input {
    background-color: #334155 !important;
    border-color: #475569 !important;
    color: #f1f5f9 !important;
}

html.dark body.auth-page input[class*="focus:border-[#23DB90]"]:focus {
    border-color: #FA5C64 !important;
}

html.dark body.auth-page input[class*="focus:ring-[#23DB90]"]:focus {
    --tw-ring-color: rgba(250, 92, 100, 0.25) !important;
}

html.dark body.auth-page [class*="text-[#23DB90]"] {
    color: #FB7185 !important;
}

html.dark body.auth-page [class*="text-red-700"] {
    color: #fca5a5 !important;
}

html.dark body.auth-page [class*="border-red-400"] {
    border-color: #f87171 !important;
}

html.dark body.auth-page [class*="bg-red-60"] {
    background-color: rgba(127, 29, 29, 0.35) !important;
}

html.dark body.auth-page [class*="shadow-[0_10px_40px"] {
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5) !important;
}

/* Blog listing */
html.dark .blog-post-card > div,
html.dark .blog-sidebar,
html.dark .blog-empty {
    background-color: #1e293b !important;
    border-color: #475569 !important;
}

html.dark .blog-post-card h3 {
    color: #f1f5f9 !important;
}

html.dark .blog-post-card h3.group-hover\:text-\[\#FA5C64\],
html.dark .blog-post-card .group:hover h3 {
    color: #FB7185 !important;
}

html.dark .blog-post-card p {
    color: #94a3b8 !important;
}

html.dark .blog-sidebar .text-\[\#000000\] {
    color: #f1f5f9 !important;
}

html.dark .blog-filter-select,
html.dark .blog-filter-dropdown {
    background-color: #334155 !important;
    border-color: #475569 !important;
    color: #94a3b8 !important;
}

html.dark .blog-filter-dropdown div:hover {
    background-color: #475569 !important;
}

html.dark .blog-category-link span:first-child {
    color: #94a3b8 !important;
}

html.dark .blog-category-link.is-active span:first-child,
html.dark .blog-category-link:hover span:first-child {
    color: #FB7185 !important;
}

html.dark .blog-post-card .border-gray-100 {
    border-color: #475569 !important;
}

html.dark .blog-post-card .group-hover\:border-rose-100 {
    border-color: #475569 !important;
}

/* Blog single post */
.blog-prose {
    color: #67788E;
    font-size: 12px;
    line-height: 28px;
}

@media (min-width: 768px) {
    .blog-prose {
        font-size: 14px;
        line-height: 35px;
    }
}

.blog-prose h2,
.blog-prose h3,
.blog-prose h4 {
    color: #384656;
    font-weight: 800;
    margin-top: 30px;
    line-height: 1.4;
}

.blog-prose h2 { font-size: 20px; }
.blog-prose h3 { font-size: 16px; }
.blog-prose h4 { font-size: 14px; }

@media (min-width: 768px) {
    .blog-prose h2 { font-size: 24px; }
    .blog-prose h3 { font-size: 20px; }
    .blog-prose h4 { font-size: 16px; }
}

.blog-prose p {
    margin-top: 20px;
}

.blog-prose ul,
.blog-prose ol {
    margin-top: 20px;
    margin-right: 15px;
    list-style: decimal;
}

.blog-prose li {
    margin-top: 8px;
}

.blog-prose a {
    color: #0C2D5B;
    font-weight: 700;
    text-decoration: underline;
}

.blog-prose a:hover {
    color: #FA5C64;
}

.blog-prose img {
    border-radius: 32px;
    margin-top: 20px;
    width: 100%;
}

.blog-prose strong {
    font-weight: 900;
    color: #384656;
}

html.dark .blog-show-title,
html.dark .blog-show-sidebar h2,
html.dark .blog-show-products h2 {
    color: #f1f5f9 !important;
}

html.dark .blog-show-lead,
html.dark .blog-prose,
html.dark .blog-show-author p,
html.dark .blog-comment-card p {
    color: #94a3b8 !important;
}

html.dark .blog-prose h2,
html.dark .blog-prose h3,
html.dark .blog-prose h4,
html.dark .blog-prose strong {
    color: #e2e8f0 !important;
}

html.dark .blog-prose a {
    color: #FB7185 !important;
}

html.dark .blog-show-author,
html.dark .blog-show-tags,
html.dark .blog-show-products {
    border-color: #475569 !important;
}

html.dark .blog-comment-card,
html.dark .blog-comment-form,
html.dark .blog-comment-empty,
html.dark .blog-product-card,
html.dark .blog-carousel-card {
    background-color: #1e293b !important;
    border-color: #475569 !important;
}

html.dark .blog-comment-form .bg-\[\#F9FAFC\] {
    background-color: #334155 !important;
}

html.dark .blog-comment-input {
    background-color: #334155 !important;
    color: #f1f5f9 !important;
    border-color: #475569 !important;
}

html.dark .blog-suggested-card p.text-gray-800 {
    color: #f1f5f9 !important;
}

html.dark .blog-suggested-card .group-hover\:text-\[\#FA5C64\],
html.dark .blog-suggested-card:hover p.text-gray-800 {
    color: #FB7185 !important;
}

html.dark .blog-suggested-card p.text-gray-600,
html.dark .blog-suggested-card span.text-gray-500 {
    color: #94a3b8 !important;
}

html.dark .blog-suggested-card {
    border-color: #475569 !important;
}

html.dark .blog-carousel-card h3 {
    color: #f1f5f9 !important;
}

html.dark .blog-carousel-card .group-hover\:text-\[\#FA5C64\],
html.dark .blog-carousel-card:hover h3 {
    color: #FB7185 !important;
}

html.dark .blog-product-card h3 {
    color: #f1f5f9 !important;
}

html.dark .blog-product-card:hover h3 {
    color: #FB7185 !important;
}