:root {
    /* --PrimaryBlue: #3D9DAB; */
    /* --PrimaryBlueFilter: brightness(0) saturate(100%) invert(66%) sepia(51%) saturate(506%) hue-rotate(140deg) brightness(75%) contrast(83%); */
    /* --PrimaryYellow: #F7AF59; */
    /* --PrimaryYellowFilter: brightness(0) saturate(100%) invert(86%) sepia(28%) saturate(2756%) hue-rotate(320deg) brightness(106%) contrast(94%); */
    /* --PrimaryRed: #A31621; */
    /* --PrimaryRedFilter: brightness(0) saturate(100%) invert(15%) sepia(26%) saturate(7406%) hue-rotate(340deg) brightness(102%) contrast(103%); */
    /* --AccentBlue: #B7D4DA; */
    /* --AccentBlueFilter: brightness(0) saturate(100%) invert(92%) sepia(17%) saturate(357%) hue-rotate(151deg) brightness(90%) contrast(88%); */
    /* --AccentYellow: #FBE6CD; */
    /* --AccentYellowFilter: brightness(0) saturate(100%) invert(92%) sepia(4%) saturate(1219%) hue-rotate(345deg) brightness(99%) contrast(100%); */
    /* --AccentRed: #F8E4DC; */
    /* --AccentRedFilter: brightness(0) saturate(100%) invert(89%) sepia(1%) saturate(4517%) hue-rotate(318deg) brightness(106%) contrast(94%); */
    /* --WhiteTransparent: rgba(255, 255, 255, .8); */
    --primaryBrown: #7C6D60;
    --primaryBrownFilter: brightness(0) saturate(100%) invert(45%) sepia(9%) saturate(800%) hue-rotate(346deg) brightness(94%) contrast(88%);
    --secondaryBrown: #C19C7A;
    --secondaryBrownFilter: brightness(0) saturate(100%) invert(71%) sepia(33%) saturate(358%) hue-rotate(347deg) brightness(86%) contrast(88%);
    --accentPink: #E8A89E;
    --accentPinkFilter: brightness(0) saturate(100%) invert(69%) sepia(43%) saturate(313%) hue-rotate(319deg) brightness(101%) contrast(82%);
    --white: #FFF;
    --whiteFilter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(63deg) brightness(105%) contrast(102%);
    --black: #121212;
    --blackFilter: brightness(0) saturate(100%) invert(0%) sepia(11%) saturate(21%) hue-rotate(317deg) brightness(90%) contrast(86%);
    --grayLight: #ADB5BD;
    --grayLightFilter: brightness(0) saturate(100%) invert(82%) sepia(4%) saturate(545%) hue-rotate(169deg) brightness(87%) contrast(93%);
    --grayMiddle: #6C757D;
    --grayMiddleFilter: brightness(0) saturate(100%) invert(44%) sepia(19%) saturate(222%) hue-rotate(167deg) brightness(97%) contrast(86%);
    --grayDark: #343A40;
    --grayDarkFilter: brightness(0) saturate(100%) invert(20%) sepia(5%) saturate(1227%) hue-rotate(169deg) brightness(96%) contrast(90%);
    --gradientBlue: linear-gradient(90deg, #B7D4DA 0%, #3D9DAB 100%);
    --gradientRed: linear-gradient(90deg, #FBE6CD 0%, #A31621 100%);
}

@media screen and (min-width: 1024px) {}