:root {
    --white: 255, 255, 255;
    --black: 0, 0, 0;
    --cream: 255, 227, 138;
    --primary-grey: 35, 31, 32;
    --primary-blue: 0, 52, 115;
    --primary-red: 115, 0, 52;
    --light-grey: 245, 245, 245;
    --dark-grey: 123, 123, 123;
    --secondary-grey: 200, 200, 200;
    --green-success: 2, 197, 54;
    --red-alert: 251, 17, 0;
    --dark-cream: 88, 48, 32;
    --yellow: 255, 209, 62;
    --gold: 229, 186, 16;
    --golden-title: 175, 135, 19;
    --gold-dark: 214, 156, 47;
    --blue-light: 14, 181, 255;
    --blue-title: 7, 117, 185;

    --primary-red-dark: hsl(330.8, 100%, 17.5%);
    --primary-blue-dark: hsl(218.3, 100%, 16.9%);
    --secondary-grey-dark: hsl(0, 0%, 58.8%);
    --dark-grey-dark: hsl(0, 0%, 40%);
    --red-alert-dark: hsl(4.1, 100%, 36.9%);
    --primary-grey-dark: 19, 17, 17;
}
.c_clr-black {
    color: rgb(var(--black));
}
.c_clr-golden-title {
    color: rgb(var(--golden-title));
}
.c_clr-blue-title{
    color: rgb(var(--blue-title));
}
.c_clr-white {
    color: rgb(var(--white));
}
.c_clr-primary-red {
    color: rgb(var(--primary-red));
}
.c_clr-primary-blue {
    color: rgb(var(--primary-blue));
}
.c_clr-red {
    color: rgb(var(--primary-red));
}
.c_clr-red-alert {
    color: rgb(var(--red-alert));
}
.c_clr-gold {
    color: rgb(var(--gold));
}

.c_bg-white {
    background-color: rgb(var(--white));
}
.c_bg-dark-grey {
    background-color: rgb(var(--dark-grey));
}
.c_bg-light-grey {
    background-color: rgb(var(--light-grey));
}
.c_border-top-1px-solid-primary-blue-6 {
    border-top: 1px solid rgb(var(--primary-blue),.6);
}
.c_border-1px-solid-black {
    border: 1px solid rgb(var(--black));
}
.c_border-top-1px-solid-black-3 {
    border-top: 1px solid rgb(var(--black),.3);
}
.c_bg-primary-grey {
    background-color: rgb(var(--primary-grey)) !important;
}
.c_bg-blue-light {
    background-color: rgb(var(--blue-light),.3);
}
.c_bg-cream {
    background-color: rgb(var(--cream));
}