/* ==========================================================================
   EC-GED — charte graphique (Experts Consulting)
   À charger en premier dans tous les layouts. Aucune couleur ne doit être codée en dur ailleurs :
   utiliser ces variables (exception : voiles blancs/noirs semi-transparents sur fond marine).
   ========================================================================== */
:root {
  /* Marque */
  --ec-navy:        #012060; /* couleur principale : titres, boutons, barre de menu */
  --ec-navy-dark:   #00143F; /* fonds sombres, survol des boutons principaux */
  --ec-blue-600:    #2A62B8; /* liens et texte bleu (contraste suffisant sur blanc) */
  --ec-blue-500:    #3B7DD8; /* accents décoratifs, icônes, focus — pas pour du petit texte */
  --ec-blue-300:    #8DB8F0; /* éléments actifs sur fond sombre */
  --ec-blue-100:    #C4D9F5; /* bordures actives, sélection */
  --ec-blue-50:     #E8F0FB; /* fonds de cartes en surbrillance, ligne survolée */
  --ec-gold:        #FFCE00; /* accent ponctuel uniquement, jamais du texte sur fond blanc */

  /* Neutres */
  --ec-bg:          #F4F6FA; /* fond de l'application */
  --ec-surface:     #FFFFFF; /* cartes, tableaux, modales */
  --ec-white:       #FFFFFF; /* texte sur fond marine */
  --ec-border:      #DDE3EE;
  --ec-text:        #0A1630; /* texte principal */
  --ec-text-muted:  #4A5670; /* texte secondaire, libellés */

  /* États (statuts de courrier, alertes) */
  --ec-success:     #1E7F4F; --ec-success-bg: #E6F4EC;
  --ec-warning:     #9A5B00; --ec-warning-bg: #FFF4D6;
  --ec-danger:      #B42318; --ec-danger-bg:  #FDECEA;
  --ec-info:        #2A62B8; --ec-info-bg:    #E8F0FB;

  /* Forme */
  --ec-radius-sm: 6px;
  --ec-radius:    10px;
  --ec-radius-lg: 16px;
  --ec-shadow:    0 1px 2px rgba(1, 32, 96, .08), 0 4px 12px rgba(1, 32, 96, .06);
  --ec-shadow-lg: 0 8px 28px rgba(1, 32, 96, .18);
  --ec-font:      'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* ---- Motif « double trait » du logo : un trait court bleu au-dessus, un trait deux fois plus long marine en dessous.
        Réservé au titre de la page de connexion, à la page de présentation et à l'en-tête des PDF. ---- */
.ec-double-trait { position: relative; padding-bottom: 18px; }
.ec-double-trait::before,
.ec-double-trait::after { content: ''; position: absolute; left: 0; height: 4px; border-radius: 2px; }
.ec-double-trait::before { bottom: 8px; width: 28px; background: var(--ec-blue-500); }
.ec-double-trait::after  { bottom: 0;   width: 56px; background: var(--ec-navy); }
.ec-double-trait.centre::before, .ec-double-trait.centre::after { left: 50%; transform: translateX(-50%); }
.ec-double-trait.sur-fonce::after { background: var(--ec-white); }