/* Dark Mode Stylesheet - Velvet Theme */
body.dark-mode {
    --bg-page: #1a0b16; /* Deep dark velvet purple */
    --bg-main: #2b1525;
    --bg-card: rgba(43, 21, 37, 0.9);
    
    --text-main: #F8E8EE;
    --text-muted: #c2acb8;
    --text-accent: #FDCEDF;
    
    --color-pink-light: #2e1728;
    --color-pink-warm: #3a1e32;
    --border-glass: 1px solid rgba(253, 206, 223, 0.1);
    
    background-color: var(--bg-page);
    color: var(--text-main);
}

body.dark-mode header {
    background: rgba(26, 11, 22, 0.85);
    border-bottom: 1px solid rgba(253, 206, 223, 0.08);
}

body.dark-mode .nav-links a {
    color: var(--text-main);
}

body.dark-mode .logo {
    color: var(--text-main);
}

body.dark-mode .glass-card {
    background: var(--bg-card);
    border: var(--border-glass);
}

body.dark-mode .product-title {
    color: var(--text-main);
}

body.dark-mode .section-title {
    color: var(--text-main);
}

body.dark-mode .btn-secondary {
    border-color: var(--color-pink-warm);
    color: var(--color-pink-warm);
}

body.dark-mode .btn-secondary:hover {
    background-color: var(--color-pink-warm);
    color: var(--text-main);
}

body.dark-mode .btn-icon {
    background-color: var(--bg-card);
    color: var(--text-main);
}

body.dark-mode .search-results-box {
    background: var(--bg-main);
    border: 1px solid rgba(253, 206, 223, 0.1);
}

body.dark-mode .search-result-item:hover {
    background-color: var(--color-pink-light);
}

body.dark-mode input,
body.dark-mode select,
body.dark-mode textarea {
    background-color: var(--bg-page);
    color: var(--text-main);
    border: 1px solid rgba(253, 206, 223, 0.15);
}

body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder {
    color: rgba(248, 232, 238, 0.4);
}

/* Review / Comment boxes */
body.dark-mode .review-box {
    background-color: var(--bg-page);
    border: 1px solid rgba(253, 206, 223, 0.1);
}

/* Mobile Drawer Dark Mode */
body.dark-mode .mobile-drawer {
    background: #1f0e1a;
    border: 1px solid rgba(253, 206, 223, 0.08);
}

body.dark-mode .mobile-drawer-brand {
    color: var(--text-main);
    border-color: rgba(253, 206, 223, 0.1);
}

body.dark-mode .mobile-drawer a {
    color: var(--text-main);
}

body.dark-mode .mobile-drawer a:hover,
body.dark-mode .mobile-drawer a.active {
    background-color: var(--color-pink-light);
    color: #FDCEDF;
}

body.dark-mode .mobile-drawer .drawer-divider {
    background: rgba(253, 206, 223, 0.1);
}

body.dark-mode .hamburger-btn {
    background: var(--bg-card);
}

body.dark-mode .hamburger-btn span {
    background: var(--text-main);
}