:root {
    --white: #fff;
    
    --xlight: rgba(255, 254, 244, 0.03);
    --xxlight: rgba(255, 254, 244, 0.1);
    --light-transparent: rgba(253, 122, 98, 0.3);
    --light: #fd7a62;
    --grey:#A8B5AF;
    --dark: #0F1E26;

    --green: rgb(105, 130, 103);
    --red: #C06B63;
    /*
    --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;
}