:root {
    /* COLORS */
    --primary-100: #F1F2F4; 
    --primary-200: #E0E8F0; 
    --primary-300: #BBCEE2; 
    --primary-400: #93B4D7; 
    --primary-500: #5686B8; 
    --primary-600: #2C69A8; 
    --primary-700: #004996; 
    --primary-800: #002F80; 
    --primary-900: #002A57; 
    --secondary-100: #FFE40E; 
    --secondary-500: #00B852; 
    --secondary-700: #009F8A; 
    --tertiary-100: #F2EDE8; 
    --tertiary-200: #F2EDE8; 
    --tertiary-500: #C4A68B; 
    --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: #F1F2F4; 
}
.bd-primary-100 {
    border-color: #F1F2F4; 
}
.text-primary-100 {
    color: #F1F2F4; 
}

.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: #004996; 
}
.bd-primary-700 {
    border-color: #004996; 
}
.text-primary-700 {
    color: #004996; 
}

.bg-primary-800 {
    background-color: #002F80; 
}
.bd-primary-800 {
    border-color: #002F80; 
}
.text-primary-800 {
    color: #002F80; 
}

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

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

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

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

.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: #C4A68B; 
}
.bd-tertiary-500 {
    border-color: #C4A68B; 
}
.text-tertiary-500 {
    color: #C4A68B; 
}

.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%); 
}