/**
 * Dark Mode Styles
 * Activated by system preference or manual toggle
 * Overrides light mode color variables for better dark mode appearance
 */

@media (prefers-color-scheme: dark) {
  :root {
    /* Dark Mode Color Overrides */
    --color-primary: #3b82f6;
    --color-primary-dark: #60a5fa;
    --color-accent: #34d399;
    --color-accent-dark: #6ee7b7;
    --color-text: #f9fafb;
    --color-text-light: #d1d5db;
    --color-background: #00071a;
    --color-surface: #1f2937;
    --color-border: #374151;
    --color-error: #f87171;
    --color-success: #34d399;
  }

  .site-logo .logo-image {
    filter: drop-shadow(0 2px 8px rgba(59, 130, 246, 0.4));
  }

  /* Error page dark mode adjustments */
  .error-page {
    background: linear-gradient(135deg, #0a1628 0%, var(--color-background) 100%);
  }

  .error-content {
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
  }

  .error-circle {
    opacity: 0.15;
  }

  .error-quick-link:hover {
    background-color: rgba(59, 130, 246, 0.15);
  }

  .error-cta-secondary:hover {
    color: var(--color-background);
  }
}