:root {
    /******************* Fonts *******************/
    --main-font: "gesta", sans-serif;
    --title-font: "dashiell-bright", serif;

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

    /***************** Colors *******************/
    --dark: #000;
    --white: #fff;
    --grey: #f5f5f5;

    --main-color-1: #506eff;
    --main-color-2: #9a5cff;

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

    /****************** Others ******************/
    --border-radius: 16px;
    --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;
}