/* Définition de la police personnalisée Congenial */
@font-face {
    font-family: 'Congenial';
    src: url('../font/congenial.otf');
}

/* Définition des variables CSS globales */
:root {
    --pcolor: #002238; /* Primaire */
    --pcolortrans: #00223880; /* Primaire transparent */
    --scolor: #E6BF00; /* Secondaire */
    --sop: #2A353D; /* Soutenance Bleu */
    --sophover: #4d606d; /* Soutenance Bleu hover */
    --sos: #7B6706; /* Soutenance Jaune */
    --bgb: #ebf7ff; /* Fond Bleu */
    --bgbtrans: #EBF7FF80; /* Fond Bleu transparent */
    --bgj: #fffdf2; /* Fond Jaune */
    --ngp: #151B1F; /* Nuance de gris bleu */
    --ngs: #0F0E0B; /* Nuance de gris jaune */
    --blob: #b3e1ff; /* Nuance de gris jaune */
    --bgalert: hsla(0, 0%, 100%, 0.2); /* Fond blanc transparent */
    --alert: rgb(149, 0, 0);
    --border-radius: 21px;
    --transition: 0.3s ease;
}

/* Styles de base pour tous les éléments */
* {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    font-family: 'Congenial';
    max-width: 100%;
}

html {
    width: 100vw;
    height: 100%;
    background-color: var(--bgb);
    font-family: 'Congenial';
    overflow-x: hidden;
}
body {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
}