:root {
    --indigo: 102,16,242;
--indigo-darker: 82,13,194;
--indigo-border: 72,12,170;
--purple: 111,66,193;
--purple-darker: 89,53,155;
--purple-border: 78,47,136;
--pink: 232,62,140;
--pink-darker: 186,50,112;
--pink-border: 163,44,98;
--red: 220,53,69;
--red-darker: 176,43,56;
--red-border: 154,38,49;
--orange: 253,126,20;
--orange-darker: 203,101,16;
--orange-border: 178,89,14;
--yellow: 255,193,7;
--yellow-darker: 204,155,6;
--yellow-border: 179,136,5;
--green: 40,167,69;
--green-darker: 32,134,56;
--green-border: 28,117,49;
--cyan: 23,162,184;
--cyan-darker: 19,130,148;
--cyan-border: 17,114,129;
--white: 255,255,255;
--white-darker: 204,204,204;
--white-border: 179,179,179;
--gray: 108,117,125;
--gray-darker: 87,94,100;
--gray-border: 76,82,88;
--gray-dark: 52,58,64;
--gray-dark-darker: 42,47,52;
--gray-dark-border: 37,41,45;
--primary-color: 255,204,0;
--primary-color-darker: 204,164,0;
--primary-color-border: 179,143,0;
--rev-button-text: #212529;
--secondary: 38,38,38;
--secondary-darker: 31,31,31;
--secondary-border: 27,27,27;
--light: 248,249,250;
--light-darker: 199,200,200;
--light-border: 174,175,175;
--link-hover: 179,143,0;
--link-hover-darker: 144,115,0;
--link-hover-border: 126,101,0;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: "brandon_grotesqueregular" sans-serif;
    --font-family-monospace: SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace
}