:root {
    --white: #fff;
    
    --xlight: rgba(255, 254, 244, 0.03);
    --xxlight: rgba(255, 254, 244, 0.1);
    --light-transparent: #eaa34140;
    --light: #eaa341;
    --grey:#A8B5AF;
    --dark: #3f2e67;

    --green: rgb(105, 130, 103);
    --red: #C06B63;
    --red-transparent: #C06B6330;

    --max-width: 1200px;

    /*
    --white: #FFFFFF;
    --xlight: #F6F8F7;
    --light: #52636A;
    --grey: #95A5A6;
    --dark: #132A22;

    --secondary: rgb(0, 194, 168);
    --light: #128C7E;

    --red: #25D366;
    --green: #E05D5D;
    */
    --radius: 10px;

    --font-title: 'Poppins';
    --font-text:'Inter';

    /* spacing system */
    --s-1: 8px;
    --s-2: 12px;
    --s-3: 16px;
    --s-4: 24px;
    --s-5: 32px;
}

* {
    box-sizing: border-box;
}