:root {
  /* Couleurs primaires */
  --primary-50:  #e3eaf0;
  --primary-100: #c7d5e1;
  --primary-200: #8faac3;
  --primary-300: #5780a5;
  --primary-400: #205587;
  --primary-500: #00436b;
  --primary-600: #003a5c;
  --primary-700: #00304d;
  --primary-800: #00263e;
  --primary-900: #001c2f;

  /* Couleurs secondaires */
  --secondary-50:  #fff9e3;
  --secondary-100: #fff3c7;
  --secondary-200: #ffe78f;
  --secondary-300: #ffdb57;
  --secondary-400: #ffd020;
  --secondary-500: #f6c300;
  --secondary-600: #cfa300;
  --secondary-700: #a78300;
  --secondary-800: #7f6300;
  --secondary-900: #574300;



  --text-color: #495057; /* Couleur principale du texte  */
  --text-color-secondary: #6c757d; /* Couleur secondaire du texte */
  --text-color-error: #f44336; /* Couleur utilisée pour les messages d'erreur*/

  --primary-color:var( --primary-500);  /*  #00436b;Couleur principale de l'interface */
  --primary-color-text: #ffffff; /* Couleur du texte dans les éléments principaux*/
  --primary-color-hover-bg: rgba(156, 39, 176, 0.04); /* Arrière-plan clair pour le survol */
  --primary-color-active-bg: rgba(180, 184, 190, 0.4); /* Arrière-plan plus marqué pour l'activation */
  --primary-accent-color: #626667; /* Couleur d'accent primaire  */

  --secondary-color:var( --secondary-500); /*#FBC02D;  Couleur secondaire de l'interface*/
  --secondary-color-hover-bg: rgba(96, 125, 139, 0.04); /* Arrière-plan clair pour le survol secondaire */
  --secondary-color-active-bg: rgba(96, 125, 139, 0.16); /* Arrière-plan plus marqué pour l'activation secondaire */
  --secondary-accent-color: var(--secondary-color); /* Couleur d'accent secondaire*/

  --box-shadow-color: #66afe9; /* Couleur utilisée pour les ombres */
  --highlight-background: #dee2e6; /* Couleur d'arrière-plan d'un élément survolé ou sélectionné */
  --border-color-default: #ced4da; /* Couleur par défaut des bordures */


  --font-family:Nunito, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  --content-padding:1rem;
  --inline-spacing:0.5rem;
  --border-radius:4px;
  --surface-ground:#f8f9fa;
  --surface-section:#ffffff;
  --surface-card:#ffffff;
  --surface-overlay:#ffffff;
  --surface-border:#dee2e6;
  --surface-hover: #e9ecef;
  --maskbg: rgba(0, 0, 0, 0.4);
  --transition-duration: 0.2s;
  --success-color:#689F38;
  --failed-color:#D32F2F;
  --warning-color:#FBC02D;
  --hover-config-button: var(--primary-300); /* Couleur de hover de config button */
  --focus-ring: 0 0 0 0.2rem var(--primary-600);
    color-scheme: light;

}

.layout-sidebar {
  --d-sidebar-bg-color:var(--primary-color);
  --d-sidebar-bg-color-alt:var(--primary-color);
  --d-sidebar-border:0 none;
  --d-app-name-color:#495057;
  --d-menu-separator-border: 1px solid #dee2e6;
  --d-menuitem-root-text-color: #6c757d;
  --d-menuitem-text-color: #ffffff;
  --d-menuitem-hover-bg: var(--secondary-color);
  --d-menuitem-active-bg: var(--secondary-color);
  --d-menuitem-text-active-color:#495057;
  --d-menuitem-focus-shadow: 0 0 0 0.2rem var(--secondary-color);
}

.sidebar-header .logo div img {
    transform: scale(1.6);
    max-width: 5rem !important;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.layout-footer .logo div img {
    transform: scale(2);
    max-width: 5rem !important;
    margin-left: 3rem;
    margin-top: .5rem;
}