/* Définition de notre thème personnalisé "agestia" */
    [data-theme="agestia"] {
      --primary: rgb(0, 82, 204);            /* Couleur primaire (boutons, liens, badges) */
      --primary-content: #ffffff;   /* Texte sur la couleur primaire */
      
      --secondary: #f0f2f5;
      --accent: #1c274c;
      
      --neutral: #2b3440;
      
      --base-100: #ffffff;           /* Couleur des "cartes" (cards) et sections principales */
      --base-200: #f0f2f5;           /* Couleur de fond générale de la page */
      --base-300: #e5e6e6;
      --base-content: #1c274c;       /* Couleur du texte principal */

    }

    .hidden {
        display: none;
    }

    .bg-base-200 {
        background-color: var(--base-200);
    }
    .text-base-content {
        color: var(--base-content);
    } 
    .bg-base-100 {
        background-color: var(--base-100);
    }
    .text-base-200 {
        color: var(--base-200);
    }
    .text-base-300 {
        color: var(--base-300);
    }
    .text-neutral {
        color: var(--neutral);
    }
    .bg-neutral {
        background-color: var(--neutral);
    }

    .text-primary {
        color: var(--primary);  
    }
    .bg-primary {
        background-color: var(--primary);
    }
    .btn-primary {
        background-color: var(--primary);
        border-color: var(--primary);
        color: var(--primary-content);
    }
    .btn-primary:hover {
        background-color: #0041a3; /* Couleur primaire plus foncée au survol */
        border-color: #0041a3;
    }     
    .badge-primary {
        background-color: var(--primary);
        color: var(--primary-content);
        border-color: var(--fallback-p, oklch(var(--primary) / var(--tw-border-opacity)));
    }
    .badge-secondary {
        background-color: var(--secondary);
        color: var(--accent);
        border-color: var(--fallback-s, oklch(var(--secondary) / var(--tw-border-opacity)));
    }

    /* .step.step-primary {
      color: var(--primary-content);
      } */
      .step.step-primary::after, .step.step-primary::before {
      background-color: var(--primary)!important;
      border-left-color: var(--primary);
      color: var(--primary-content)!important;
    }
    .step {
        background-color: var(--base-200);
    }
    .step::after {
        border-left-color: var(--base-200);
    } 
.section-disabled {
    opacity: 0.6;
    pointer-events: none;
    user-select: none;
}