/* ============================================
   DARK MODE THEME - Issy Sports
   ============================================ */

/* Variables CSS pour le mode sombre */
:root {
  --dark-bg-primary: #121212;
  --dark-bg-secondary: #1e1e1e;
  --dark-text-primary: #E0E0E0;
  --dark-text-secondary: #B0B0B0;
  --dark-accent-blue: #005596;
  --dark-accent-green: #10b981;
  --dark-border: rgba(255, 255, 255, 0.1);
  --dark-glass-bg: rgba(18, 18, 18, 0.8);
}

/* Mode sombre activé */
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
  }
  
  body {
    background-color: var(--dark-bg-primary) !important;
    color: var(--dark-text-primary);
  }
  
  /* Navbar */
  .dark-mode-navbar {
    background: var(--dark-glass-bg) !important;
    backdrop-filter: blur(18px);
    border-bottom-color: var(--dark-border) !important;
  }
  
  /* Textes */
  .dark-mode-text-primary {
    color: var(--dark-text-primary) !important;
  }
  
  .dark-mode-text-secondary {
    color: var(--dark-text-secondary) !important;
  }
  
  /* Cards glassmorphiques */
  .glass-card {
    background: var(--dark-glass-bg) !important;
    border-color: var(--dark-border) !important;
  }
  
  /* Boutons */
  .dark-mode-button-primary {
    background-color: var(--dark-accent-blue) !important;
    color: white !important;
  }
  
  .dark-mode-button-secondary {
    background-color: var(--dark-bg-secondary) !important;
    color: var(--dark-text-primary) !important;
    border-color: var(--dark-border) !important;
  }
  
  /* Liens */
  a {
    color: var(--dark-text-primary);
  }
  
  a:hover {
    color: var(--dark-accent-blue);
  }
  
  /* Scrollbar */
  ::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2) !important;
  }
  
  ::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.3) !important;
  }
}

/* Classe pour forcer le mode sombre (via toggle) */
.dark-theme-active {
  background-color: var(--dark-bg-primary) !important;
  color: var(--dark-text-primary);
}

.dark-theme-active .dark-mode-navbar {
  background: var(--dark-glass-bg) !important;
  border-bottom-color: var(--dark-border) !important;
}

.dark-theme-active .dark-mode-text-primary {
  color: var(--dark-text-primary) !important;
}

.dark-theme-active .dark-mode-text-secondary {
  color: var(--dark-text-secondary) !important;
}

.dark-theme-active .glass-card {
  background: var(--dark-glass-bg) !important;
  border-color: var(--dark-border) !important;
}

/* Logo monochrome blanc pour mode sombre */
.dark-theme-active .logo-issy,
@media (prefers-color-scheme: dark) {
  .logo-issy {
    filter: brightness(0) invert(1);
  }
}

/* Responsive mobile optimisations */
@media (max-width: 768px) {
  .logo-issy {
    max-height: 40px;
    width: auto;
  }
  
  .hero-title {
    font-size: 2.5rem !important;
    line-height: 1.2 !important;
  }
  
  .hero-subtitle {
    font-size: 1.125rem !important;
  }
}