:root {
    /* COLORS */
    --primary-100: #E9E7E3; 
    --primary-200: #E0E8F0; 
    --primary-300: #BBCEE2; 
    --primary-400: #93B4D7; 
    --primary-500: #5686B8; 
    --primary-600: #2C69A8; 
    --primary-700: #7dafd2; 
    --primary-800: #70B0DB; 
    --primary-900: #171846; 
    --secondary-100: #E63027; 
    --secondary-500: #F45E4F; 
    --secondary-700: #E63027; 
    --tertiary-100: #F2EDE8; 
    --tertiary-200: #F2EDE8; 
    --tertiary-500: #0E213F; 
    --tertiary-700: #79583A; 

    /* GRADIENTS */
    --gradient-s-500-s-700: linear-gradient(90deg, var(--secondary-500) 0%, var(--secondary-700) 98%); 
}

.bg-primary-100 {
    background-color: #E9E7E3; 
}
.bd-primary-100 {
    border-color: #E9E7E3; 
}
.text-primary-100 {
    color: #E9E7E3; 
}

.bg-primary-200 {
    background-color: #E0E8F0; 
}
.bd-primary-200 {
    border-color: #E0E8F0; 
}
.text-primary-200 {
    color: #E0E8F0; 
}

.bg-primary-300 {
    background-color: #BBCEE2; 
}
.bd-primary-300 {
    border-color: #BBCEE2; 
}
.text-primary-300 {
    color: #BBCEE2; 
}

.bg-primary-400 {
    background-color: #93B4D7; 
}
.bd-primary-400 {
    border-color: #93B4D7; 
}
.text-primary-400 {
    color: #93B4D7; 
}

.bg-primary-500 {
    background-color: #5686B8; 
}
.bd-primary-500 {
    border-color: #5686B8; 
}
.text-primary-500 {
    color: #5686B8; 
}

.bg-primary-600 {
    background-color: #2C69A8; 
}
.bd-primary-600 {
    border-color: #2C69A8; 
}
.text-primary-600 {
    color: #2C69A8; 
}

.bg-primary-700 {
    background-color: #7dafd2; 
}
.bd-primary-700 {
    border-color: #7dafd2; 
}
.text-primary-700 {
    color: #7dafd2; 
}

.bg-primary-800 {
    background-color: #70B0DB; 
}
.bd-primary-800 {
    border-color: #70B0DB; 
}
.text-primary-800 {
    color: #70B0DB; 
}

.bg-primary-900 {
    background-color: #171846; 
}
.bd-primary-900 {
    border-color: #171846; 
}
.text-primary-900 {
    color: #171846; 
}

.bg-secondary-100 {
    background-color: #E63027; 
}
.bd-secondary-100 {
    border-color: #E63027; 
}
.text-secondary-100 {
    color: #E63027; 
}

.bg-secondary-500 {
    background-color: #F45E4F; 
}
.bd-secondary-500 {
    border-color: #F45E4F; 
}
.text-secondary-500 {
    color: #F45E4F; 
}

.bg-secondary-700 {
    background-color: #E63027; 
}
.bd-secondary-700 {
    border-color: #E63027; 
}
.text-secondary-700 {
    color: #E63027; 
}

.bg-tertiary-100 {
    background-color: #F2EDE8; 
}
.bd-tertiary-100 {
    border-color: #F2EDE8; 
}
.text-tertiary-100 {
    color: #F2EDE8; 
}

.bg-tertiary-200 {
    background-color: #F2EDE8; 
}
.bd-tertiary-200 {
    border-color: #F2EDE8; 
}
.text-tertiary-200 {
    color: #F2EDE8; 
}

.bg-tertiary-500 {
    background-color: #0E213F; 
}
.bd-tertiary-500 {
    border-color: #0E213F; 
}
.text-tertiary-500 {
    color: #0E213F; 
}

.bg-tertiary-700 {
    background-color: #79583A; 
}
.bd-tertiary-700 {
    border-color: #79583A; 
}
.text-tertiary-700 {
    color: #79583A; 
}

.gradient-s-500-s-700 {
    background-image: linear-gradient(90deg, var(--secondary-500) 0%, var(--secondary-700) 20%, var(--secondary-700) 50%, var(--secondary-500) 98%); 
}