.text.light.red, .icon.light.red { color: #FF695E !important; }
.text.light.orange, .icon.light.orange { color: #FF851B !important; }
.text.light.yellow, .icon.light.yellow { color: #FFE21F !important; }
.text.light.olive, .icon.light.olive { color: #D9E778 !important; }
.text.light.green, .icon.light.green { color: #2ECC40 !important; }
.text.light.teal, .icon.light.teal { color: #6DFFFF !important; }
.text.light.blue, .icon.light.blue { color: #54C8FF !important; }
.text.light.violet, .icon.light.violet { color: #A291FB !important; }
.text.light.purple, .icon.light.purple { color: #DC73FF !important; }
.text.light.pink, .icon.light.pink { color: #FF8EDF !important; }
.text.light.brown, .icon.light.brown { color: #D67C1C !important; }
.text.light.grey, .icon.light.grey { color: #DCDDDE !important; }

.text.dark.red, .icon.dark.red { color: #A32222 !important; }
.text.dark.orange, .icon.dark.orange { color: #B5540D !important; }
.text.dark.yellow, .icon.dark.yellow { color: #B58105 !important; }
.text.dark.olive, .icon.dark.olive { color: #798E12 !important; }
.text.dark.green, .icon.dark.green { color: #137A3F !important; }
.text.dark.teal, .icon.dark.teal { color: #00857D !important; }
.text.dark.blue, .icon.dark.blue { color: #1257A2 !important; }
.text.dark.violet, .icon.dark.violet { color: #4727A5 !important; }
.text.dark.purple, .icon.dark.purple { color: #7C199A !important; }
.text.dark.pink, .icon.dark.pink { color: #9E2F6B !important; }
.text.dark.brown, .icon.dark.brown { color: #573D29 !important; }
.text.dark.grey, .icon.dark.grey { color: #5A5A5A !important; }

.button.dark.green {
    color: white !important;
    background-color: #19A958 !important;
}

.field:not(.disabled) .required.dropdown:has(.default.text),
.fields:not(.disabled) .required.dropdown:has(.default.text),
.field:not(.disabled) textarea:required:placeholder-shown {
    background-color: #fff6f6 !important; /* light pink */
    border-color: #e0b4b4 !important;
}
.field.disabled .dropdown:has(.default.text),
.fields.disabled .dropdown:has(.default.text),
.field.disabled .required.dropdown:has(.default.text),
.fields.disabled .required.dropdown:has(.default.text) {
    background-color: initial !important;  /* Reset to default */
    border-color: rgba(34, 36, 38, .07) !important;
}