/* ====== Couleurs personnalisées (Palette Identité Visuelle) ====== */

:root {
  /* Couleurs existantes */
  --color-bg-light: #fafbf5;
  --color-accent: #dfe160;
  --color-primary: #151D33;
  --color-secondary: #0C97B1;
  --color-third: #4C5942;
  --color-border: #576078;
  --color-dark: #061126;
  --color-sidebar: #151D33;
  --color-form-label: #5a6076;
  --color-form-input: #151D33;
  --color-form-border: #bbc2ae;
  
  /* Vert Clair */
  --color-vert-clair: #EEF4DE;
  --color-vert-clair-light: #F4F8EB;
  --color-vert-clair-lighter: #FAFBF5;
  --color-vert-clair-lightest: #FDFEFA;
  
  /* Jaune */
  --color-jaune: #DFE160;
  --color-jaune-light: #EAEA8F;
  --color-jaune-lighter: #F2F1B8;
  --color-jaune-lightest: #F9F8DB;
  
  /* Bleu Vif */
  --color-bleu-vif: #0C97B1;
  --color-bleu-vif-light: #56BDD0;
  --color-bleu-vif-lighter: #95D7E0;
  --color-bleu-vif-lightest: #CAE7EE;
  
  /* Bleu Marine */
  --color-bleu-marine: #151D33;
  --color-bleu-marine-light: #2D3A52;
  --color-bleu-marine-lighter: #576078;
  --color-bleu-marine-lightest: #8992A2;
  
  /* Vert Olive */
  --color-vert-olive: #4C5942;
  --color-vert-olive-light: #6B7763;
  --color-vert-olive-lighter: #909D87;
  --color-vert-olive-lightest: #B9C2AC;
  
  /* Codes Pantone pour référence */
  --pantone-vert-clair: #F1F2F2;
  --pantone-jaune: #F7EA48;
  --pantone-bleu-vif: #00A3E0;
  --pantone-bleu-marine: #00263A;
  --pantone-vert-olive: #4B573E;
}

  [data-bs-theme="default"] {
    --tblr-primary: #0C97B1;
    --tblr-secondary: #151D33;
    --tblr-accent: #dfe160;
    --tblr-bg: #eef4de;
    --tblr-info: #030303;
    --tblr-success: #0C97B1;
    --tblr-warning: #dfe160;
    --tblr-danger: #151D33;
    --tblr-green: #4C5942;
    --tblr-red: #f97676;
 
  }

* {font-family: 'Outfit', 'Segoe UI', Arial, sans-serif !important;} 


  .navbar-brand-image {
    height: 72px !important; /* ou la taille que tu veux */
}

  
  .navbar-vertical {
    background-color: var(--color-primary) !important; /* Remplacez par votre couleur */
}

.navbar-vertical .nav-link {
  color: var(--color-bg-light) !important; /* Couleur du texte des liens de la sidebar */
}

.page-wrapper {
  margin-left: 200px; /* pour ne pas chevaucher la sidebar */
  padding-top: 1rem;
  padding-left: 50px;
  padding-right: 50px;
}

.page-body {
  padding-bottom: 50px;
}

.page-header{
  margin :0 !important;
  padding :20px 0 !important;
}

.btn-eexpi-clear{
  background-color: white;
  color : var(--color-secondary);
  border: var(--color-secondary) 1px solid;
}

.btn-eexpi-dark{
  background-color: var(--color-secondary);
  color: white;
  border : white 1px solid
}

.btn-eexpi-blue{
  background-color: var(--color-secondary);
  color: white;
  border: var(--color-secondary) 1px solid;
}

.btn-eexpi-very-dark{
  background-color: var(--color-dark);
  color: white;
  border : white 1px solid
}

.bg-danger{
  background-color: var(--color-accent) !important;
  color: var(--color-dark) !important;
}

.bg-secondary{
  background-color: var(--color-dark) !important;
  color: var(--color-accent) !important;
}

.bg-info{
  background-color: var(--color-third) !important;
  color: white !important;
  border : white 1px solid !important
}

.cancel-button{
  display: inline-flex;
  align-items: center;
  background-color: var(--color-dark);
  color: white;
  border-radius: 0.25rem;
  padding: 0.25rem 0.5rem 0.25rem 0.5rem;
}

.validate-button{
  display: inline-flex;
  align-items: center;
  background-color: var(--color-secondary);
  color: white;
  border-radius: 0.25rem;
  border: var(--color-secondary);
  padding: 0.25rem 0.5rem 0.25rem 0.5rem;
}

.information-box{
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  background-color: #F5F8EC;
  border-radius: 0.25rem;
  padding: 0.5rem;
}



.eexpi-card {
  position: relative;
  background-color: #0c97b1;
  border: 0;
  overflow: hidden;
}

.eexpi-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("/static/internal/Motifs/Motifs-jaune.5726d4ba9229.svg") center/100% no-repeat;
  opacity: 0.05; 
  pointer-events: none
}

.eexpi-shadow {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/*
 * Vous êtes curieux ? C'est bien.
 * Si vous lisez ceci, vous êtes peut-être le genre de développeur que nous recherchons.
 * Rendez-vous sur /dev-challenge/ pour tester vos compétences techniques.
 * Bonne chance !
 */