: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 & grey */
    --white: #fff;
    --grey: #f5f5f5;
    --dark-grey: #d4dce0;

    /* Blue */
    --light-blue: #4766ff;
    --blue: #004baf;
    --dark-blue: #00143c;

    /* Purple */
    --light-purple: #9a5cff;
    --purple: #683ecd;
    --purple-opacity-33: rgba(104, 62, 205, 0.33);
    --dark-purple: #48299b;

    /* Red */
    --light-red: #ff3c3c;
    --red: #be1414;
    --dark-red: #780000;

    /* Linear-gradient */
    --gradient-purple: linear-gradient(90deg, rgba(154, 92, 255, 1) 0%, rgba(72, 41, 155, 1) 100%);
    --gradient-blue: linear-gradient(90deg, rgba(80, 110, 255, 1) 0%, rgba(0, 20, 60, 1) 100%);

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

    /* Animation wordpress wave */
    --wp-purple: #9b59b6;
    --wp-violet: #a855f7;
    --wp-blue: #818cf8;
    --wp-periwinkle: #93a3ff;
    --beat-duration: 2s;
}