/* ==========================================================================
   VARIABLES CSS GLOBALES - KUCK
   Fichier centralisé pour toutes les variables CSS du site
   À charger en premier dans tous les fichiers HTML
   ========================================================================== */

:root {
  /* ===== Couleurs principales ===== */
  --primary-color: #00f0ff;
  --primary-dark: #00a8b5;
  --secondary-color: #ff2d75;
  --dark-color: #1b2333;
  --darker-color: #050505;
  --light-color: #f0f0f0;
  --gray-color: #888888;

  /* ===== Transitions ===== */
  --transition: all 0.3s ease;

  /* ===== Couleurs Footer ===== */
  --footer-bg-gradient: linear-gradient(
    135deg,
    rgba(5, 5, 15, 0.98) 0%,
    rgba(15, 15, 25, 0.95) 50%,
    rgba(25, 25, 35, 0.98) 100%
  );
  --footer-cyan: #00f0ff;
  --footer-pink: #ff2d75;
  --footer-link: #b0b0b0;
  --footer-link-hover: #00f0ff;
  --footer-text: #888;
  --footer-text-light: #e0e0e0;
  --footer-credit: #666;
  --footer-border: rgba(255, 255, 255, 0.1);
  --footer-glow: rgba(0, 240, 255, 0.5);
  --footer-bg-pink: rgba(255, 45, 117, 0.05);

  /* ===== Navigation ===== */
  --nav-h: 72px;

  /* ===== Spacing sections (drone.css) ===== */
  --section-pad-min: 56px;
  --section-pad-max: 108px;

  /* ===== Galerie (drone.css) ===== */
  --gal-gap: clamp(12px, 2vw, 24px);
  --gal-radius: 16px;
  --gal-brd: 1px solid rgba(255, 255, 255, 0.08);
}

/* ===== Media Queries ===== */
@media (max-width: 991.98px) {
  :root {
    --nav-h: 64px;
  }
}

@media (max-width: 576px) {
  :root {
    --section-pad-min: 44px;
    --section-pad-max: 80px;
  }
}