:root {
    --offside-black: #242129;
    --primary-color: #D94646;
    --base-white: #FFFFFF;
    --base-gray: #F6F6F6;
    --true-black: #000000;
    --sof-dark: #3D3649;
    --secondary-line: #EFEFEF;
    --passive-tab: #E3E3E3;
    --secondary-menu-passive-gray: #BFBFBF;
    --reading-gray: #959297;
    --on-tap-passive-gray-on-white: #D9D9D9;
    --medium-gray: #686868;
    --dark-gray: #554F60;
    --w-color: #DBFFE3;
    --l-color: #FFDBDB;
    --d-color: #EFEFEF;
}



.primary-box-shadow {
    box-shadow: 0px 2px 2px #00000012;
}

.br-10 {
    border-radius: 10px;
}

.br-10-top-corners {
    border-radius: 10px 10px 0 0;
}

.br-10-bottom-corners {
    border-radius: 0 0 10px 10px;
}

.br-6 {
    border-radius: 6px;
}

.br-5 {
    border-radius: 5px;
}

.br-3 {
    border-radius: 3px;
}

.br-left-5 {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.br-right-5 {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}