/*----------------------------------------------------------
                            Presets
----------------------------------------------------------*/

:root {

    /* Preset des rayons des bordures */

    --rayon-bordure-cartes: 2rem;
    --rayon-bordure-1: 0.4rem;
    --rayon-bordure-2: 0.8rem;
    --rayon-bordure-3: 1.2rem;


    /* Preset des paddings */

    --padding-cartes: 1.8rem;
    --padding-1: 1.2rem;
}

:root[data-theme="dark"] {
    --couleur-primaire: #7380ec; 
    --couleur-erreur: #ff7782;
    --couleur-succes: #41f1b6;
    --couleur-avertissement: #ffbb55;
    --couleur-information-dark: #7d8da1;
    --couleur-information-light: #dce1eb;
    --couleur-arriere_plan: #181a1e;
    --couleur-dark: #edeffd;
    --couleur-white: #202528;
    --couleur-light: rgba(0, 0, 0, 0.4);
    --couleur-dark-variante: #a3bdcc;
    --couleur-primaire-variante: #111e88;

    /* Preset de boîte à ombre */

    --box-shadow: 0 2rem 3rem var(--couleur-light);
}
:root[data-theme="light"] {
    --couleur-primaire: #7380ec; 
    --couleur-erreur: #ff7782;
    --couleur-succes: #41f1b6;
    --couleur-avertissement: #ffbb55;
    --couleur-information-dark: #7d8da1;
    --couleur-information-light: #dce1eb;
    --couleur-arrire_plan: #f6f6f9;
    --couleur-white: #fff;
    --couleur-dark: #363949;
    --couleur-dark-variant: #677483;
    --couleur-light: rgba(132, 139, 200, 0.18);
    --couleur-primaire-variante: #111e88;

    /* Preset de boîte à ombre */

    --box-shadow: 0 2rem 3rem var(--couleur-light);
}

/*----------------------------------------------------------
                    Paramètres par défaut
----------------------------------------------------------*/

a {
    color: var(--couleur-dark);
}

.text-muted {
    color: var(--couleur-information-dark);
}

p {
    color: var(--couleur-dark-variante)
}

b {
    color: var(--couleur-dark);
}

.primary {
    color: var(--couleur-primaire);
}

.primary-variante {
    color: var(--couleur-primaire-variante);
}

.danger {
    color: var(--couleur-erreur);
}

.success {
    color: var(--couleur-succes);
}

.warning {
    color: var(--couleur-avertissement);
}