:root {
    --color-sky-blue: #A2C9E1;
    --color-lime-yellow: #C8D377;
    --color-olive-green: #8C9342;
    --color-forest-green: #3F4D1B;
    --color-midnight-black: #141414;
}

.bg-sky-blue { background-color: var(--color-sky-blue); }
.text-sky-blue { color: var(--color-sky-blue); }
.border-sky-blue { border-color: var(--color-sky-blue); }

.bg-lime-yellow { background-color: var(--color-lime-yellow); }
.text-lime-yellow { color: var(--color-lime-yellow); }
.border-lime-yellow { border-color: var(--color-lime-yellow); }

.bg-olive-green { background-color: var(--color-olive-green); }
.text-olive-green { color: var(--color-olive-green); }
.border-olive-green { border-color: var(--color-olive-green); }

.bg-forest-green { background-color: var(--color-forest-green); }
.text-forest-green { color: var(--color-forest-green); }
.border-forest-green { border-color: var(--color-forest-green); }

.bg-midnight-black { background-color: var(--color-midnight-black); }
.text-midnight-black { color: var(--color-midnight-black); }
.border-midnight-black { border-color: var(--color-midnight-black); }