:root {
    /*Color palette*/
    --clr-primary: #20376C;
    --clr-primary-hover: #17274D;
    --clr-primary-soft: #C8CFDD;
    --clr-secondary: #333333;
    --clr-soft: #f7f8fa;
    --clr-gray: #f0f0f0;
    --clr-gray-dark: #333;
    --clr-red: #ee5951;
    --clr-red-dark: #bd4741;
    --clr-red-soft: #ffebeb;
    --clr-green: #189145;
    --clr-green-soft: #E1FFB1;
    --clr-orange: #F76E11;
    --clr-orange-dark: #d35d0e;
    --clr-orange-soft: #FED2AA;
    --clr-orange-medium: #FF9F45;
    --clr-beige: #ece6df;
    --clr-link: #1773b0;
    /*Font colors*/
    --clr-fnt--title: #000;
    --clr-fnt--text: #757575;
    /*Backdrop*/
    --clr-backdrop: #00000085;
    /*Fonts*/
    --fnt-primary: 'Montserrat', sans-serif;
    /*Shadow*/
    --bxs-soft: 0px 0px 20px 0px #0000000f;
    --bxs-normal: 0px 0px 20px 0px #0000001a;
    /*Transition*/
    --trs-fast: all .2s ease-in-out;
    --trs-normal: all .6s ease-in-out;
}