/* Dark mode overrides */
[data-theme="dark"] {
  --color-text: #FFFFFF;
  --color-text-light: #A0A0A0;
  --color-bg: #121212;
  --color-bg-secondary: #1E1E1E;
  --color-border: #2E2E2E;
  --color-hover: rgba(239, 58, 38, 0.2);
}

/* Optional dark card effects */
[data-theme="dark"] .feature-card {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .feature-card:hover {
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.4);
}