/* ═══════════════════════════════════════
   DPM — SYSTÈME DE COULEURS PAR PÔLE  (P16)
   ═══════════════════════════════════════ */

/* ── Variables globales DPM ── */
:root {
  --rouge-primaire  : #C0392B;
  --rouge-fonce     : #8B0000;
  --bleu-marine     : #24306E;
  --bleu-accent     : #49A0D9;
  --noir-charbon    : #26231E;
  --blanc           : #FFFFFF;
  --gris-fond       : #F5F5F5;
  --gris-texte      : #4A4A4A;

  /* Shadows premium */
  --shadow-sm  : 0 2px 8px rgba(0,0,0,0.06);
  --shadow-md  : 0 8px 24px rgba(0,0,0,0.10);
  --shadow-lg  : 0 16px 48px rgba(0,0,0,0.14);
  --shadow-xl  : 0 32px 80px rgba(0,0,0,0.18);

  /* Couleur de pôle active (défaut = rouge DPM) */
  --pole-color       : #C0392B;
  --pole-color-light : rgba(192,57,43,0.08);
  --pole-color-mid   : rgba(192,57,43,0.20);
  --pole-color-dark  : #8B0000;
  --pole-gradient    : linear-gradient(135deg, #C0392B 0%, #8B0000 100%);
}

/* ── Pôle Sûreté — Bleu royal ── */
.pole-surete,
[data-pole="surete"] {
  --pole-color       : #2E5EAA;
  --pole-color-light : rgba(46,94,170,0.08);
  --pole-color-mid   : rgba(46,94,170,0.20);
  --pole-color-dark  : #1E4477;
  --pole-gradient    : linear-gradient(135deg, #2E5EAA 0%, #5B8FD4 100%);
  /* Override accent global → tous les composants adoptent la couleur du pôle */
  --rouge-primaire   : #2E5EAA;
  --rouge-fonce      : #1E4477;
}

/* ── Pôle Sécurité — Orange ── */
.pole-securite,
[data-pole="securite"] {
  --pole-color       : #E67E22;
  --pole-color-light : rgba(230,126,34,0.08);
  --pole-color-mid   : rgba(230,126,34,0.20);
  --pole-color-dark  : #B85C0A;
  --pole-gradient    : linear-gradient(135deg, #E67E22 0%, #F39C12 100%);
  --rouge-primaire   : #E67E22;
  --rouge-fonce      : #B85C0A;
}

/* ── Pôle HSE — Bleu canard / cyan ── */
.pole-hse,
[data-pole="hse"] {
  --pole-color       : #0097A7;
  --pole-color-light : rgba(0,151,167,0.08);
  --pole-color-mid   : rgba(0,151,167,0.20);
  --pole-color-dark  : #00697A;
  --pole-gradient    : linear-gradient(135deg, #0097A7 0%, #00BCD4 100%);
  --rouge-primaire   : #0097A7;
  --rouge-fonce      : #00697A;
}

/* ── Pôle Environnement — Vert ── */
.pole-environnement,
[data-pole="environnement"] {
  --pole-color       : #27AE60;
  --pole-color-light : rgba(39,174,96,0.08);
  --pole-color-mid   : rgba(39,174,96,0.20);
  --pole-color-dark  : #1A7A42;
  --pole-gradient    : linear-gradient(135deg, #27AE60 0%, #82C341 100%);
  --rouge-primaire   : #27AE60;
  --rouge-fonce      : #1A7A42;
}

/* ── Pôle Qualité — Violet ── */
.pole-qualite,
[data-pole="qualite"] {
  --pole-color       : #8E44AD;
  --pole-color-light : rgba(142,68,173,0.08);
  --pole-color-mid   : rgba(142,68,173,0.20);
  --pole-color-dark  : #6C3483;
  --pole-gradient    : linear-gradient(135deg, #8E44AD 0%, #A569BD 100%);
  --rouge-primaire   : #8E44AD;
  --rouge-fonce      : #6C3483;
}

/* ── Catégorie Secourisme — Rouge secours ── */
.cat-secourisme,
[data-pole="secourisme"] {
  --pole-color       : #E74C3C;
  --pole-color-light : rgba(231,76,60,0.08);
  --pole-color-mid   : rgba(231,76,60,0.20);
  --pole-color-dark  : #C0392B;
  --pole-gradient    : linear-gradient(135deg, #E74C3C 0%, #FF6B6B 100%);
  --rouge-primaire   : #E74C3C;
  --rouge-fonce      : #C0392B;
}

/* ── Univers Formations — Bleu ── */
.univers-formation,
[data-univers="formation"] {
  --pole-color       : #2980B9;
  --pole-color-light : rgba(41,128,185,0.08);
  --pole-color-mid   : rgba(41,128,185,0.20);
  --pole-color-dark  : #1A5C8A;
  --pole-gradient    : linear-gradient(135deg, #2980B9 0%, #49A0D9 100%);
  --rouge-primaire   : #2980B9;
  --rouge-fonce      : #1A5C8A;
}

/* ── Univers Certifications — Or ── */
.univers-certification,
[data-univers="certification"] {
  --pole-color       : #D4AF37;
  --pole-color-light : rgba(212,175,55,0.08);
  --pole-color-mid   : rgba(212,175,55,0.20);
  --pole-color-dark  : #A8892A;
  --pole-gradient    : linear-gradient(135deg, #D4AF37 0%, #F0D060 100%);
  --rouge-primaire   : #D4AF37;
  --rouge-fonce      : #A8892A;
}

/* ── Univers Audits — Rouge DPM (identité) ── */
.univers-audit,
[data-univers="audit"] {
  --pole-color       : #C0392B;
  --pole-color-light : rgba(192,57,43,0.08);
  --pole-color-mid   : rgba(192,57,43,0.20);
  --pole-color-dark  : #8B0000;
  --pole-gradient    : linear-gradient(135deg, #C0392B 0%, #E74C3C 100%);
  /* Audit garde la couleur DPM rouge */
}

/* ═══════════════════════════════════════
   APPLICATION AUTOMATIQUE — utilitaires
   ═══════════════════════════════════════ */

/* Bordure top des cards */
.pole-card-accent { border-top: 4px solid var(--pole-color); }

/* Badges et labels */
.pole-badge {
  background: var(--pole-color);
  color: #fff;
  padding: 4px 14px;
  border-radius: 3px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  display: inline-block;
}

.pole-badge-outline {
  background: transparent;
  color: var(--pole-color);
  border: 1.5px solid var(--pole-color);
  padding: 3px 12px;
  border-radius: 3px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  display: inline-block;
}

/* Icônes et accents */
.pole-icon-wrapper {
  background: var(--pole-color-light);
  border-radius: 12px;
  padding: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.pole-icon-wrapper svg,
.pole-icon-wrapper .icon {
  color: var(--pole-color);
  stroke: var(--pole-color);
}

/* Titres avec accentuation */
.pole-titre-accent { color: var(--pole-color); }

.pole-divider {
  width: 48px;
  height: 4px;
  background: var(--pole-gradient);
  border-radius: 2px;
  margin: 12px 0 20px;
}

/* Bouton pole */
.btn-pole {
  background: var(--pole-gradient);
  color: #fff;
  border: none;
  padding: 12px 28px;
  border-radius: 3px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  cursor: pointer;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
}

.btn-pole:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px var(--pole-color-mid);
  filter: brightness(1.1);
}

/* Hero overlay avec couleur de pôle */
.pole-hero-overlay {
  background: linear-gradient(135deg,
    var(--pole-color-dark) 0%,
    rgba(38,35,30,0.7) 100%);
}

/* Gradient de section */
.pole-section-gradient {
  background: linear-gradient(180deg,
    var(--pole-color-light) 0%,
    transparent 100%);
}

/* Compteur/stat avec couleur pôle */
.pole-stat-chiffre {
  color: var(--pole-color);
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 52px;
  font-weight: 700;
  line-height: 1;
}

/* Transition de couleur douce */
.pole-transition {
  transition:
    background-color 0.4s ease,
    border-color 0.4s ease,
    color 0.4s ease;
}