:root {
    /******************* Fonts *******************/
    --main-font: "Clan Pro", sans-serif;
    --title-font: "Intro", sans-serif;

    /*************** Fonts weight ***************/
    --regular: 400;
    --medium: 500;
    --bold: 700;

    /***************** Colors *******************/
    --dark: #000;
    --dark-light: #191919;

    /* White & grey */
    --white: #fff;
    --grey: #efefef;
    --dark-grey: #525252;

    --main-color-1: #00a19a;
    --main-color-2: #ee7203;
    --main-color-3: #f0a931;

    /* Linear-gradient */

    /****************** Others ******************/
    --border-radius: 66px;
    --border-radius-sm: 23px;
    --border-radius-full: 9999px;
    --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;
}