/* TrendShop Premium Dark Mode */
:root {
    --bg: #ffffff;
    --card-bg: #ffffff;
    --text: #1e293b;
    --border: #e2e8f0;
}

body.dark-mode {
    --bg: #0f172a;
    --card-bg: #1e293b;
    --text: #f1f5f9;
    --text-light: #94a3b8;
    --border: #334155;
    --gray: #020617;
    
    background-color: var(--bg) !important;
    color: var(--text) !important;
}

.dark-mode .ty-util, 
.dark-mode .ty-header, 
.dark-mode .ty-catnav {
    background-color: var(--card-bg) !important;
    border-bottom: 1px solid var(--border) !important;
}

.dark-mode .ty-header-in,
.dark-mode .ty-catnav-in {
    background-color: transparent !important;
}

.dark-mode .ty-search-inp {
    background-color: var(--border) !important;
    border-color: var(--border) !important;
    color: #fff !important;
}

.dark-mode .section,
.dark-mode .ty-stories,
.dark-mode .section-header {
    background-color: var(--bg) !important;
}

.dark-mode h1, .dark-mode h2, .dark-mode h3, 
.dark-mode .section-title, .dark-mode .story-item span {
    color: var(--text) !important;
}

.dark-mode .card, 
.dark-mode .ty-product-card,
.dark-mode .ty-hero-card {
    background-color: var(--card-bg) !important;
    border: 1px solid var(--border) !important;
    color: var(--text) !important;
}

.dark-mode .ty-product-name, 
.dark-mode .ty-hero-card-name {
    color: #e2e8f0 !important;
}

.dark-mode .ty-product-price,
.dark-mode .ty-hero-card-price {
    color: var(--primary) !important;
}

.dark-mode .ty-footer {
    background-color: #020617 !important;
    border-top: 1px solid #1e293b !important;
}

.dark-mode .ty-cat-pill {
    background: var(--card-bg) !important;
    color: #cbd5e1 !important;
}

.dark-mode .ty-cat-pill:hover {
    background: var(--border) !important;
}

.dark-mode .modal-content {
    background-color: var(--card-bg) !important;
    color: var(--text) !important;
}

/* Animations and Premium Glows */
.dark-mode .ty-product-card:hover {
    box-shadow: 0 10px 30px rgba(0,0,0,0.5), 0 0 15px rgba(255,71,87,0.1) !important;
}