.theme-dark {
  --bg-primary: #0F0F0F;
  --bg-secondary: #1B1B1B;
  --bg-card: #181818;
  --text-primary: #FFFFFF;
  --text-secondary: #D8D8D8;
  --accent: #4D9C76;
  --accent-light: #95D0B2;
  --accent-dark: #2F6B53;
  --accent-rgb: 77, 156, 118;
  --shadow-card: 0 8px 0 rgba(0, 0, 0, 0.18);
  --shadow-hover: 0 12px 0 rgba(0, 0, 0, 0.34);
  font-weight: 500;
}

.theme-dark[data-accent="purple"] {
  --accent: #8C6BBA;
  --accent-light: #C2B0E8;
  --accent-dark: #5C4587;
  --accent-rgb: 140, 107, 186;
}

.theme-dark[data-accent="green"] {
  --accent: #4D9C76;
  --accent-light: #95D0B2;
  --accent-dark: #2F6B53;
  --accent-rgb: 77, 156, 118;
}

.theme-dark[data-accent="orange"] {
  --accent: #C7773D;
  --accent-light: #E8B886;
  --accent-dark: #7D4622;
  --accent-rgb: 199, 119, 61;
}

.theme-dark .navbar,
.theme-dark .sidebar {
  background: rgba(15, 15, 15, 0.86);
}

.theme-dark .navbar,
.theme-dark .sidebar,
.theme-dark .notification-dropdown,
.theme-dark .profile-dropdown,
.theme-dark .cart-drawer,
.theme-dark .favorites-drawer,
.theme-dark .item-panel,
.theme-dark .chat-panel,
.theme-dark .journal-panel,
.theme-dark .product-card {
  color: var(--text-primary);
}

.theme-dark .gender-toggle {
  background: rgba(42, 42, 42, 0.92);
}

.theme-dark .gender-toggle button {
  color: #AFAFAF;
}

.theme-dark .gender-toggle button.active {
  color: #FFFFFF;
}

.theme-dark .secondary-link,
.theme-dark .category-button:hover,
.theme-dark .category-button.active {
  color: #FFFFFF;
}

.theme-dark .notification-item.unread {
  background: var(--accent-muted);
}

.theme-dark .profile-dropdown legend,
.theme-dark .member-card span,
.theme-dark .section-heading p,
.theme-dark .hero-panel p,
.theme-dark .journal-panel p {
  color: var(--text-secondary);
}

.theme-dark .brand,
.theme-dark h1,
.theme-dark h2,
.theme-dark h3 {
  font-weight: 600;
}

.theme-dark .product-card {
  border-radius: 0;
  transition:
    box-shadow 160ms var(--transition-smooth),
    transform 160ms var(--transition-smooth);
}

.theme-dark .product-card:hover {
  box-shadow: var(--shadow-hover);
}

.theme-dark .product-image-wrap,
.theme-dark .hero-image img {
  border-radius: 0;
}

.theme-dark .product-image-wrap img {
  filter: contrast(1.1) saturate(1.2);
}

.theme-dark .blob {
  display: none;
}