/*SHADOWS*/
:root{

    --shadow-hard-xxsmall:0px 2px 2px 0px rgba(0, 0, 0, 0.06), 0px 2px 0px 0px rgba(0, 0, 0, 0.06),  0px 0px 1px 0px rgba(0, 0, 0, 0.05);
    --shadow-hard-xsmall:0px 3px 1px 0px rgba(0, 0, 0, 0.10), 0px 2px 1px 0px rgba(0, 0, 0, 0.06), 0px 0px 1px 0px rgba(0, 0, 0, 0.05);
    --shadow-hard-small:0px 6px 0px 0px rgba(0, 0, 0, 0.08), 0px 0px 1px 0px rgba(0, 0, 0, 0.05);
    --shadow-hard-medium:0px 16px 24px 0px rgba(0, 0, 0, 0.08), 0px 0px 1px 0px rgba(0, 0, 0, 0.04), 0px 0px 1px 0px rgba(0, 0, 0, 0.05);
    --shadow-hard-large:0px 0px 16px 0px rgba(0, 0, 0, 0.12), 0px 27px 1px 0px rgba(0, 0, 0, 0.06), 0px 0px 1px 0px rgba(0, 0, 0, 0.05);

    --shadow-soft-xxsmall:0px 1.5px -1px 0px rgba(0, 0, 0, 0.07);
    --shadow-soft-medium:0px 0px 4px 0px rgba(0, 0, 0, 0.14), 0px 0px 1px 0px rgba(0, 0, 0, 0.04);
    --shadow-soft-large:0px 53px 16px 0px rgba(0, 0, 0, 0.12), 0px 0px 1px 0px rgba(0, 0, 0, 0.05);



    --shadow-soft-xsmall:0px 5px 13px -5px rgba(0, 0, 0, 0.05), 0px 2px 4px -1px rgba(0, 0, 0, 0.02);
    --shadow-soft-small:0px 10px 18px -2px rgba(0, 0, 0, 0.07);
    
}