.text-color--accent {
    color: hsl(193, 29%, 51%) !important;
}

a.text-color--accent:hover {
    color: hsl(193, 29%, 56%) !important;
}

button.text-color--accent:hover {
    color: hsl(193, 29%, 56%) !important;
}

.text-color--secondary {
    color: hsl(0, 0%, 100%) !important;
}
a.text-color--secondary {
    color: hsl(0, 0%, 100%) !important;
}
button.text-color--secondary {
    color: hsl(0, 0%, 100%) !important;
}

.background-color--accent {
    background-color: hsl(193, 29%, 51%) !important;
}
a.background-color--accent:hover {
    background-color: hsl(193, 29%, 56%) !important;
}
button.background-color--accent:hover {
    background-color: hsl(193, 29%, 56%) !important;
}

.background-color--secondary {
    background-color: hsl(0, 0%, 100%) !important;
}
a.background-color--secondary:hover {
    background-color: hsl(0, 0%, 100%) !important;
}
button.background-color--secondary:hover {
    background-color: hsl(0, 0%, 100%) !important;
}

.border-color--accent {
    border-color: hsl(193, 29%, 51%) !important;
}

.border-bottom-color--accent {
    border-bottom-color: hsl(193, 29%, 51%) !important;
}

.border-left-color--accent {
    border-left-color: hsl(193, 29%, 51%) !important;
}

.border-right-color--accent {
    border-right-color: hsl(193, 29%, 51%) !important;
}

.border-top-color--accent {
    border-top-color: hsl(193, 29%, 51%) !important;
}

.border-color--secondary {
    border-color: hsl(0, 0%, 100%) !important;
}


.border-bottom-color--secondary {
    border-bottom-color: hsl(0, 0%, 100%) !important;
}

.border-left-color--secondary {
    border-left-color: hsl(0, 0%, 100%) !important;
}

.border-right-color--secondary {
    border-right-color: hsl(0, 0%, 100%) !important;
}

.border-top-color--secondary {
    border-top-color: hsl(0, 0%, 100%) !important;
}