/* dark-mode.css - Optimized */
:root {
  --primary: #a29bfe;
  --secondary: #c4bcff;
  --accent: #fff;
  --dark: #f5f6fa;
  --light: #323232;
  --success: #1d0041;
  --text-primary: #fff;
  --text-secondary: #b3b3b3;
}

/* Base overrides */
body {
  color: var(--dark);
  background-color: var(--light);
}

/* Header & Navigation */
header {
  background-color: var(--light);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

nav ul li a {
  color: var(--dark);
}

nav ul li a:hover {
  color: var(--primary);
}

/* Image Containers */
.hero-image-container {
  background-color: #3d3d3d;
  border-bottom-color: var(--primary);
}

/* Cards */
.hero-card {
  background: var(--light);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.hero-content h2 {
  color: var(--primary);
}

.hero-content p {
  color: var(--text-secondary);
}

/* Buttons */
.btn {
  background-color: var(--primary);
  color: var(--light);
}

.btn:hover {
  background-color: #8479f3;
}

.btn-outline {
  border-color: var(--primary);
  color: var(--primary);
}

.btn-outline:hover {
  background-color: var(--primary);
  color: var(--light);
}

/* Gallery */
.gallery h2 {
  color: var(--primary);
}

.gallery-item {
  background: #3d3d3d;
  border-color: #555;
}

.gallery-item img {
  filter: brightness(0.9);
}

/* Forms */
.order-section {
  background: var(--light);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.form-group label {
  color: var(--dark);
}

.form-control {
  background-color: #3d3d3d;
  border-color: #555;
  color: var(--dark);
}

.form-control:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 3px rgba(162, 155, 254, 0.3);
}

/* Footer */
footer {
  background-color: #1a1a1a;
  color: var(--dark);
}

/* Theme Toggle */
.theme-toggle button {
  background: var(--primary);
  color: var(--light) !important;
}

.theme-toggle button:hover {
  background: var(--dark) !important;
  color: var(--light) !important;
}