/**
 * Thème Clair - Blanc/Gris Anthracite
 * Un thème léger et professionnel pour RadarNewsAI
 */

:root {
  --light-primary: #3a506b;
  --light-secondary: #5e6b7e;
  --light-success: #4caf50;
  --light-info: #0099cc;
  --light-warning: #ff9800;
  --light-danger: #f44336;
  --light-dark: #343a40;
  --light-light: #f8f9fa;
  --light-bg: #ffffff;
  --light-text: #212529;
  --light-muted: #6c757d;
  --light-border: #dee2e6;
  --light-shadow: rgba(0, 0, 0, 0.08);
  --light-card-bg: #ffffff;
  --light-input-bg: #f8f9fa;
  --light-header-bg: #f8f9fa;
  --light-footer-bg: #f8f9fa;
  --light-nav-active: #3a506b;
}

/* Appliquer le thème clair */
body.theme-light {
  background-color: var(--light-bg);
  color: var(--light-text);
}

/* En-tête */
.theme-light .navbar {
  background-color: var(--light-primary) !important;
  box-shadow: 0 2px 10px var(--light-shadow);
}

/* Cartes */
.theme-light .card {
  background-color: var(--light-card-bg);
  border: none;
  box-shadow: 0 4px 12px var(--light-shadow);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  min-height: 100%;
}

.theme-light .card:hover {
  box-shadow: 0 8px 16px var(--light-shadow);
}

.theme-light .card-body {
  padding: 1.25rem;
}

.theme-light .card-header {
  background-color: var(--light-primary);
  color: white;
  border-bottom: none;
  padding: 0.75rem 1.25rem;
}

/* Stats cards */
.theme-light .stats-card {
  border-left: 5px solid var(--light-primary);
}

/* Badges et boutons */
.theme-light .badge.bg-primary {
  background-color: var(--light-primary) !important;
}

.theme-light .btn-primary {
  background-color: var(--light-primary);
  border-color: var(--light-primary);
}

.theme-light .btn-primary:hover {
  background-color: var(--light-secondary);
  border-color: var(--light-secondary);
}

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

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

/* Footer */
.theme-light footer {
  background-color: var(--light-footer-bg) !important;
  color: var(--light-dark) !important;
  border-top: 1px solid var(--light-border);
}

/* Filtres */
.theme-light .filter-card {
  border-top: 4px solid var(--light-primary);
}

/* Formulaires */
.theme-light .form-control {
  background-color: var(--light-input-bg);
  border: 1px solid var(--light-border);
}

.theme-light .form-select {
  background-color: var(--light-input-bg);
  border: 1px solid var(--light-border);
}

/* News items */
.theme-light .news-item:hover {
  background-color: rgba(58, 80, 107, 0.1);
}

.theme-light .news-item.active {
  background-color: rgba(58, 80, 107, 0.2);
  border-left: 3px solid var(--light-primary);
}

/* Carte */
.theme-light .map-container {
  border: 1px solid var(--light-border);
  box-shadow: 0 4px 12px var(--light-shadow);
}

/* Assurer la cohérence des tailles */
.theme-light .badge {
  font-size: 0.75rem;
}

/* Les tailles de titres sont déjà harmonisées dans le fichier theme-cyberpunk.css */