/*!
 * Color ss
 * Version - 1.1.1
 * Copyright (c) 2023 2A Digital <info@2adigital.site>

 * L’autorisation est accordée à toute personne qui en obtient une copie de ce style.
 * Il est strictement interdit de publier(vendre) sans l'autorisation préalable des auteurs.
 * Des spécialistes sont à l'origine des documents fournis.

*/

/*  ==========================================
*   ================= COLORS ================
*/
.s-text-primary {
    color: var(--primary) !important;
}

.s-text-secondary {
    color: var(--secondary) !important;
}

.s-text-dark {
    color: var(--dark) !important;
}

.s-text-light {
    color: var(--light) !important;
}

/* =============================================
*  ============= Background =============
*  =============================================
*/

.s-bg-primary {
    background-color: var(--primary) !important;
    color: var(--dark);
}

.s-bg-secondary {
    background-color: var(--secondary) !important;
    color: var(--light);
}

.s-bg-dark {
    background-color: var(--dark) !important;
    color: var(--light);
}

.s-bg-dark-gray {
    background-color: var(--dark-gray) !important;
    color: var(--light);
}

.s-bg-light {
    background-color: var(--light) !important;
    color: var(--dark);
}

/* =============================================
*  ============= Buttons =============
*  =============================================
*/

.s-btn-primary {
    border: 2px solid var(--primary);
    background: var(--primary) !important;
    color: var(--dark) !important;
    cursor: pointer;
    transition: all 0.9s ease 0s;
    /* border-radius: 0 22px 0 22px !important; */
}

.s-btn-primary:hover {
    background: var(--hover-primary) !important;
    color: var(--dark) !important;
}

.s-btn-primary:active {
    border-color: var(--primary) !important;
}

.s-btn-secondary {
    border: 2px solid var(--secondary);
    background: var(--secondary) !important;
    color: var(--light) !important;
    cursor: pointer;
    text-shadow: none;
    /* border-radius: 0 22px 0 22px !important; */
}

.s-btn-secondary:hover {
    background: var(--hover-secondary) !important;
    color: var(--light) !important;
}

.s-btn-secondary:active {
    border-color: var(--secondary) !important;
}

.s-btn-primary:active {
    border-color: var(--primary) !important;
}

.s-btn-dark {
    border: 2px solid var(--dark);
    background: var(--dark) !important;
    color: var(--light) !important;
    cursor: pointer;
    text-shadow: none;
    /* border-radius: 0 22px 0 22px !important; */
}

.s-btn-dark:hover {
    background: var(--hover-dark) !important;
    color: var(--light) !important;
}

.s-btn-dark:active {
    border-color: var(--dark) !important;
}

.s-btn-light {
    border: 2px solid var(--light);
    background: var(--light) !important;
    color: var(--dark) !important;
    cursor: pointer;
    text-shadow: none;
    /* border-radius: 0 22px 0 22px !important; */
}

.s-btn-light:hover {
    background: var(--hover-light) !important;
    color: var(--dark) !important;
}

.s-btn-light:active {
    border-color: var(--light) !important;
}


/*  ===============================================
*   ============== Variables Global ===============
*/
:root {
    --hover-primary: #f18511d8;
    --hover-secondary: #007B39b4;
    --hover-dark: #1f1e1e;
    --hover-light: #e1e1e1;
}