/* Dark Theme Variables */
:root {
  --primary: #3b82f6;
  --primary-dark: #2563eb;
  --text: #f3f4f6;
  --text-light: #9ca3af;
  --bg: #111827;
  --bg-light: #1f2937;
  --card-bg: #1f2937;
  --card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2), 0 2px 4px -1px rgba(0, 0, 0, 0.1);
}

/* Dark Theme Specific Styles */
body {
  background-color: var(--bg);
  color: var(--text);
}

.navbar {
  background-color: rgba(17, 24, 39, 0.95) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.nav-links a {
  color: var(--text) !important;
}

#theme-toggle {
  color: var(--text) !important;
}

#theme-toggle:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.quote-card,
.highlights-list li,
.venture-card,
.contact-form input,
.contact-form textarea {
  background-color: #1f2937;
  border: 1px solid #374151;
}

.contact-form input,
.contact-form textarea {
  background-color: #111827;
  border-color: #374151;
  color: var(--text);
}

.contact-form input:focus,
.contact-form textarea:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}

footer {
  background-color: #111827;
  border-top: 1px solid #374151;
}

.hamburger span {
  background-color: var(--text) !important;
}

/* Adjust specific elements for dark theme */
.hero {
  background: linear-gradient(135deg, #1e1b4b 0%, #1e40af 100%);
}

.venture-logo {
  background-color: #111827;
}

.social-links a {
  color: var(--text) !important;
}

.social-links a:hover {
  color: var(--primary) !important;
}

/* Mobile menu background in dark mode */
@media (max-width: 768px) {
  .nav-links {
    background-color: var(--bg) !important;
  }
}