/* Dark mode is handled via CSS custom properties in style.css */
/* This file contains additional dark mode specific overrides */

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

body.dark-mode .site-header {
  background: #0A0A0F;
}

body.dark-mode .site-footer {
  background: #0A0A0F;
}

body.dark-mode .main-navigation {
  border-color: rgba(255,255,255,0.05);
}

body.dark-mode .artwork-card {
  background: var(--color-bg-card-dark);
}

body.dark-mode .filter-search {
  background: var(--color-bg-card-dark);
  border-color: var(--color-border-dark);
  color: var(--color-text-dark);
}

body.dark-mode .filter-search::placeholder {
  color: var(--color-text-secondary-dark);
}

body.dark-mode .newsletter-form input {
  background: rgba(255,255,255,0.08);
  border-color: rgba(255,255,255,0.15);
}

body.dark-mode .detail-meta-grid {
  background: var(--color-bg-alt-dark);
}

body.dark-mode .modal {
  background: var(--color-surface-dark);
  color: var(--color-text-dark);
}

body.dark-mode .modal .description {
  color: var(--color-text-secondary-dark);
}

body.dark-mode .modal .meta-item label {
  color: var(--color-text-muted);
}

body.dark-mode .modal .meta-item span {
  color: var(--color-text-dark);
}

body.dark-mode .modal-close {
  background: rgba(255,255,255,0.1);
  color: white;
}

body.dark-mode .modal-close:hover {
  background: rgba(255,255,255,0.2);
}



body.dark-mode .calendar-event {
  background: var(--color-bg-card-dark);
  border-color: var(--color-border-dark);
  color: var(--color-text-dark);
}

body.dark-mode .calendar-month-title {
  color: var(--color-text-dark);
}

body.dark-mode .calendar-event-body h3 {
  color: var(--color-text-dark);
}

body.dark-mode .event-link {
  border-color: var(--color-primary-dark);
}

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

body.dark-mode .blog-card-date {
  color: var(--color-text-secondary-dark);
}

body.dark-mode .blog-card-excerpt {
  color: var(--color-text-secondary-dark);
}

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

body.dark-mode .about-hero {
  background: #050508;
}

body.dark-mode .about-story-text p {
  color: var(--color-text-secondary-dark);
}

body.dark-mode .contact-info h3 {
  color: var(--color-text-dark);
}

body.dark-mode .contact-detail a {
  color: var(--color-primary-light);
}

body.dark-mode .contact-form input,
body.dark-mode .contact-form textarea {
  background: var(--color-bg-card-dark);
  border-color: var(--color-border-dark);
  color: var(--color-text-dark);
}

body.dark-mode .contact-form input::placeholder,
body.dark-mode .contact-form textarea::placeholder {
  color: var(--color-text-secondary-dark);
}

body.dark-mode .whatsapp-float {
  box-shadow: 0 4px 12px rgba(37, 211, 102, 0.15);
}

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

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

body.dark-mode .testimonial-text {
  color: var(--color-text-secondary-dark);
}

body.dark-mode .testimonial-role {
  color: var(--color-text-muted);
}

body.dark-mode .gift-shop-product {
  background: var(--color-bg-card-dark);
  border-color: var(--color-border-dark);
  color: var(--color-text-dark);
}

body.dark-mode .gift-shop-product .description {
  color: var(--color-text-secondary-dark);
}