:root {
    --white: #ffffff;
    --gray-400: #B0B0B0;
    --gray-500-overlay: #aaaaaa90;
    --gray-600: #555555;
}

.theme-green {
    --main-color: #029547;
    --main-color-dark: #01723A;
    --main-color-light: #E6F7EF;
}

.theme-red {
    --main-color: #E9353E;
    --main-color-dark: #B72E38;
    --main-color-light: #FFECEE;
}

.theme-blue {
    --main-color: #265EA7;
    --main-color-dark: #1C457A;
    --main-color-light: #E3ECF7;
}




/*new styles*/
:root {
    --gradient-brand-red: linear-gradient( to bottom, #7b0e00 0%, #eb4951 100% );
}
/*--gradient-brand-red: linear-gradient( to bottom, #750f03 0%, #971812 45%, #db3036 100% );*/

.gradient-brand-red {
    background: var(--gradient-brand-red);
}


.card {
    background: linear-gradient( to bottom, #f2f2f2 0%, #ffffff 100% );
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
    padding: 1.5rem;
}


.card--sm {
    padding: 1rem;
}

.card--md {
    padding: 1.5rem;
}

.card--lg {
    padding: 2rem;
}