:root {
    /******************* Fonts *******************/
    --main-font: "Greycliff-CF", sans-serif;
    --title-font: "kaushan", sans-serif;
    /* --subtitle-font: "Reality", sans-serif; */

    /*************** Fonts weight ***************/
    --light: 300;
    --regular: 400;
    --medium: 500;
    --bold: 700;
    --extrabold: 900;

    /***************** Colors *******************/
    --dark: #000;
    --white: #fff;
    --grey: #D9D9D9;
    --grey-light: rgba(217, 217, 217, 0.5);

    --main-color-1: #0072BA;
    --main-color-2: #434457;
    --main-color-2-light: rgba(67, 68, 87, 1);
    --main-color-2-transparent: rgba(67, 68, 87, 0.8);

    /* Linear-gradient */
    --main-gradient: linear-gradient(90deg, rgba(154, 92, 255, 1) 0%, rgba(72, 41, 155, 1) 100%);

    /****************** Others ******************/
    --border-radius: 10px;
    --border-radius-full: 999px;
    --transition: all 0.3s ease;

    /****************** Containers ******************/
    /* Devices < 576px */
    --container-sm: 540px;
    /* Devices < 768px */
    --container-md: 720px;
    /* Devices  < 992px */
    --container-lg: 960px;
    /* Devices < 1200px */
    --container-xl: 1140px;
    /* Devices < 1400px */
    --container-xxl: 1320px;

    /* Gutter des containers */
    --gutter-x: 1.5rem;
    --gutter-y: 0;
}