/* ═══════════════════════════════════════════════════════════════════════════════
   🛡️ GARDE NATIONALE - THÈME LÉGER  
   Protection citoyenne - Variables spécialisées seulement
   ════════════════════════════════════════════════════════════════════════════════ */

:root {
  /* Variables Garde Nationale spécialisées */
  --gn-protection-blue: #3B82F6;
  --gn-honor-gold: #D4AF37;
  --gn-steel-gray: #6B7280;
  --gn-emergency-red: #EF4444;
  
  /* Backgrounds spécifiques GN */
  --gn-hero-bg: linear-gradient(135deg,
    rgba(59, 130, 246, 0.12) 0%,
    var(--civic-bg-main) 50%,
    rgba(59, 130, 246, 0.08) 100%);
    
  /* Effets spéciaux protection */
  --gn-glow-shield: 0 0 25px rgba(59, 130, 246, 0.5);
  --gn-shadow-authority: 0 6px 24px rgba(212, 175, 55, 0.3);
  --gn-border-honor: 2px solid var(--gn-honor-gold);
}

/* Application automatique du thème GN */
[data-module="garde-nationale"] {
  --module-hero-bg: var(--gn-hero-bg);
}

/* Ultra premium layer - Garde Nationale */
[data-module="garde-nationale"] .gn-hero,
[data-module="garde-nationale"] .login-enhanced-section {
  background: radial-gradient(60% 80% at 80% 10%, rgba(59, 130, 246, 0.22), transparent 70%), var(--module-hero-bg);
}

[data-module="garde-nationale"] .civic-section,
[data-module="garde-nationale"] .gn-card,
[data-module="garde-nationale"] .login-card-enhanced,
[data-module="garde-nationale"] .gn-stats-card {
  border-color: rgba(59, 130, 246, 0.38) !important;
  box-shadow: 0 22px 48px rgba(18, 50, 96, 0.4), inset 0 1px 0 rgba(212, 175, 55, 0.25) !important;
}

[data-module="garde-nationale"] .gn-hero-title,
[data-module="garde-nationale"] .login-title {
  background: linear-gradient(120deg, #9bc7ff, #d4af37 70%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

[data-module="garde-nationale"] .btn-primary,
[data-module="garde-nationale"] .gn-btn--primary,
[data-module="garde-nationale"] button[type="submit"] {
  background: linear-gradient(120deg, #3b82f6, #2d5fd9 60%, #d4af37) !important;
}

[data-module="garde-nationale"] .btn-secondary,
[data-module="garde-nationale"] .gn-btn--secondary {
  border-color: rgba(212, 175, 55, 0.45) !important;
}

[data-module="garde-nationale"] .gn-hero-badge,
[data-module="garde-nationale"] .gn-section-badge {
  border-color: rgba(212, 175, 55, 0.45) !important;
  background: linear-gradient(120deg, rgba(212, 175, 55, 0.24), rgba(59, 130, 246, 0.24)) !important;
}

[data-module="garde-nationale"] .form-control:focus,
[data-module="garde-nationale"] .form-control-glass:focus {
  box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.28) !important;
}