:root {
    /* === Primary (Base: #3caf7e) === */
    --primary-50:  #e8f5f0;
    --primary-100: #c4e6d6;
    --primary-200: #9dd6ba;
    --primary-300: #76c69e;
    --primary-400: #59b989;
    --primary-500: #3caf7e; /* Base */
    --primary-600: #349c6e;
    --primary-700: #2c885e;
    --primary-800: #24744e;
    --primary-900: #1c603e;

    /* === Secondary (Base: #3caf7e - Help color from theme) === */
    --secondary-50:  #e8f5f0;
    --secondary-100: #c4e6d6;
    --secondary-200: #9dd6ba;
    --secondary-300: #76c69e;
    --secondary-400: #59b989;
    --secondary-500: #3caf7e; /* Base */
    --secondary-600: #349c6e;
    --secondary-700: #2c885e;
    --secondary-800: #24744e;
    --secondary-900: #1c603e;

    --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); /* Couleur principale de l'interface */
    --primary-color-text: #ffffff; /* Couleur du texte dans les éléments principaux*/
    --primary-color-hover-bg: rgba(0, 150, 136, 0.04); /* Arrière-plan clair pour le survol */
    --primary-color-active-bg: rgba(0, 150, 136, 0.16); /* Arrière-plan plus marqué pour l'activation */
    --primary-accent-color: var(--secondary-500); /* Couleur d'accent primaire */
    --secondary-color: var(--secondary-500); /* Couleur secondaire de l'interface*/
    --secondary-color-hover-bg: rgba(60, 175, 126, 0.04); /* Arrière-plan clair pour le survol secondaire */
    --secondary-color-active-bg: rgba(60, 175, 126, 0.16); /* Arrière-plan plus marqué pour l'activation secondaire */
    --secondary-accent-color: var(--secondary-500); /* Couleur d'accent secondaire*/
    --box-shadow-color: #3caf7e; /* Couleur utilisée pour les ombres (focus-ring color) */
    --highlight-background: var(--primary-200);; /* 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 #3caf7d9d;
    color-scheme: light;
}

.layout-sidebar {
    --d-sidebar-bg-color:#333;
    --d-sidebar-bg-color-alt:#333;
    --d-sidebar-border:0 none;
    --d-app-name-color:#495057;
    --d-menu-separator-border: 1px solid #080707;
    --d-menuitem-root-text-color: #6c757d;
    --d-menuitem-text-color: #ffffff;
    --d-menuitem-hover-bg: #080707;
    --d-menuitem-active-bg: #080707;
    --d-menuitem-text-active-color:#ffffff;
    --d-menuitem-focus-shadow: 0 0 0 0.2rem rgba(255,255,255,0.1);
}

.p-button:enabled:active {
    color: white;
}