/* Base Color Palette */
:root { 
    --whiteB: 255, 255, 255;
    --ltGrayB: 188, 188, 188;            /* #BCBCBC */
    --mdGrayB: 112, 112, 122;            /* #707070 */
    --dkGrayB: 51, 51, 51;               /* #333333 */

    --ltBlueB: 71, 121, 142;             /* #47798E */
    --mdBlueB: 43, 67, 94;               /* #2B435E */
    --dkBlueB: 5, 40, 70;                /* #052846 */
    --xdkBlueB: 7,41,69;                 /* #072945 */

    --mdRedB:  217, 18, 22;              /* #D91216 */
    --dkRedB:  168, 30, 27;              /* #A81E1B */

    --tanB:    162, 141, 106;            /* #A28D6A */

    --cwRedB: 186, 60, 52;               /* #BA3C34 */          /* 184, 61, 52; #B83D34 */
    --cwYellowB: 222, 186, 74;           /* #DEBA4A */
    --cwLtBlueB: 90, 147, 173;           /* #5A93AD */
    --cwDkBlueB: 21, 65, 89;             /* #154159 */

    --tealB:   97, 131, 142;             /* #61838E */

    --white:  rgb(var(--whiteB));        /* #ffffff */

    --ltGray: rgb(var(--ltGrayB));       /* #BCBCBC */
    --mdGray: rgb(var(--mdGrayB));       /* #707070 */
    --dkGray: rgb(var(--dkGrayB));       /* #333333 */

    --ltBlue: rgb(var(--ltBlueB));       /* #47798E */
    --mdBlue: rgb(var(--mdBlueB));       /* #2B435E */
    --dkBlue: rgb(var(--dkBlueB));       /* #052846 */
    --xdkBlue: rgb(var(--xdkBlueB));     /* #072945 */

    --teal:   rgb(var(--tealB));         /* #61838E */

    --mdRed:  rgb(var(--mdRedB));        /* #D91216 */
    --dkRed:  rgb(var(--dkRedB));        /* #A81E1B */

    --tan:    rgb(var(--tanB));          /* #A28D6A */

    /* Civil War Unique Colors */
    --cwRed: rgb(var(--cwRedB));         /* #B83D34 */
    --cwYellow: rgb(var(--cwYellowB));   /* #DEBA4A */
    --cwLtBlue: rgb(var(--cwLtBlueB));   /* #5A93AD */
    --cwDkBlue: rgb(var(--cwDkBlueB));   /* #154159 */

    /* World War I Unique Colors */
    --ecru: #CDC579;
    --bigFootFeet: #EA8852;
    --lightSlateGray: #6D849B;
    --darkLiver: #4D524D;
    --armyGreen: #515125;
    --artichoke: #91A077;
    
    --fawn: #DBB66E;
    --chocolateWeb: #D36C1C;
    --oxley: #719480;
    --darkTan: #908751;
    --vanDykeBrown: #614F2E;

    --oldLace: #FFF3E3;
    --metallicSunburst: #958C37;
    --ochreBrown: #A77D2A;
    --californiaGold: #AF842C;
    --sandYellow: #DBB66E;

    --oldMossGreen: #8A8333;
    --persianOrange: #DD8D5D;
    --shadow: #7F7F5D;
    --pastelGray: #D7D3B8;

}

 /* Background and Foreground Color Classes */
.text-white {color: var(--white) !important;}
.text-ltGray {color: var(--ltGray) !important;}
.text-mdGray {color: var(--mdGray) !important;}
.text-dkGray {color: var(--dkGray) !important;}
.text-mdRed {color: var(--mdRed) !important;}
.text-dkRed {color: var(--dkRed) !important;}
.text-tan {color: var(--tan) !important;}
.text-teal {color: var(--teal) !important;}
.text-ltBlue {color: var(--ltBlue) !important;}
.text-mdBlue {color: var(--mdBlue) !important;}
.text-dkBlue {color: var(--dkBlue) !important;}
.text-grayBlue {color: var(--grayBlue) !important;}

/* Civil War */
.text-cwYellow {color: var(--cwYellow);}
.text-cwRed {color: var(--cwRed);}
.text-cwLtBlue {color: var(--cwLtBlue);}
.text-cwDkBlue {color: var(--cwDkBlue);}

.bg-white {background-color: var(--white);}
.bg-ltGray {background-color: var(--ltGray);}
.bg-mdGray {background-color: var(--mdGray);}
.bg-dkGray {background-color: var(--dkGray);}
.bg-mdRed {background-color: var(--mdRed);}
.bg-dkRed {background-color: var(--dkRed);}
.bg-tan {background-color: var(--tan);}
.bg-teal {background-color: var(--teal);}
.bg-ltBlue {background-color: var(--ltBlue);}
.bg-mdBlue {background-color: var(--mdBlue);}
.bg-dkBlue {background-color: var(--dkBlue);}
.bg-xdkBlue {background-color: var(--xdkBlue);}
.bg-grayBlue {background-color: var(--grayBlue);}

.border-white {border-color: var(--white) !important;}
.border-dkGray {border-color: var(--dkGray) !important;}

/* Civil War */
.bg-cwYellow {background-color: var(--cwYellow);}
.bg-cwRed {background-color: var(--cwRed);}
.bg-cwLtBlue {background-color: var(--cwLtBlue);}
.bg-cwDkBlue {background-color: var(--cwDkBlue);}

/* World War I */
.text-ecru {color: var(--ecru) !important;}
.text-bigFootFeet {color: var(--bigFootFeet) !important;}
.text-lightSlateGray {color: var(--lightSlateGray) !important;}
.text-darkLiver {color: var(--darkLiver) !important;}
.text-armyGreen {color: var(--armyGreen) !important;}
.text-artichoke {color: var(--artichoke) !important;}
.text-fawn {color: var(--fawn) !important;}
.text-chocolateWeb {color: var(--chocolateWeb) !important;}
.text-oxley {color: var(--oxley) !important;}
.text-darkTan {color: var(--darkTan) !important;}
.text-vanDykeBrown {color: var(--vanDykeBrown) !important;}

.text-metallicSunburst {color: var(--metallicSunburst) !important;}
.text-ochreBrown {color: var(--ochreBrown) !important;}
.text-californiaGold {color: var(--californiaGold) !important;}

.text-oldMossGreen {color: var(--oldMossGreen) !important;}

.bg-ecru {background-color: var(--ecru);}
.bg-bigFootFeet {background-color: var(--bigFootFeet);}
.bg-lightSlateGray {background-color: var(--lightSlateGray);}
.bg-darkLiver {background-color: var(--darkLiver);}
.bg-armyGreen {background-color: var(--armyGreen);}
.bg-artichoke {background-color: var(--artichoke);}
.bg-fawn {background-color: var(--fawn);}
.bg-chocolateWeb {background-color: var(--chocolateWeb);}
.bg-oxley {background-color: var(--oxley);}
.bg-darkTan {background-color: var(--darkTan);}
.bg-vanDykeBrown {background-color: var(--vanDykeBrown);}

.filter-ecru {filter: invert(88%) sepia(47%) saturate(366%) hue-rotate(357deg) brightness(84%) contrast(90%);}
.filter-bigFootFeet {filter: invert(58%) sepia(56%) saturate(485%) hue-rotate(336deg) brightness(93%) contrast(97%);}
.filter-lightSlateGray {filter: invert(54%) sepia(10%) saturate(937%) hue-rotate(169deg) brightness(92%) contrast(86%);}
.filter-darkLiver {filter: invert(29%) sepia(7%) saturate(409%) hue-rotate(71deg) brightness(94%) contrast(83%);}
.filter-armyGreen {filter: invert(23%) sepia(8%) saturate(5928%) hue-rotate(26deg) brightness(94%) contrast(71%);}
.filter-oxley {filter: invert(59%) sepia(11%) saturate(689%) hue-rotate(93deg) brightness(91%) contrast(89%);}
.filter-vanDykeBrown {filter: invert(28%) sepia(45%) saturate(418%) hue-rotate(0deg) brightness(97%) contrast(93%);}
.filter-fawn {filter: invert(77%) sepia(23%) saturate(670%) hue-rotate(1deg) brightness(92%) contrast(94%);}
.filter-chocolateWeb {filter: invert(69%) sepia(55%) saturate(6470%) hue-rotate(356deg) brightness(89%) contrast(83%);}

.filter-californiaGold {filter: invert(48%) sepia(50%) saturate(535%) hue-rotate(2deg) brightness(99%) contrast(98%);}
.filter-sandYellow {filter: invert(73%) sepia(26%) saturate(657%) hue-rotate(1deg) brightness(99%) contrast(84%);}

.filter-oldLace {filter: invert(96%) sepia(100%) saturate(383%) hue-rotate(299deg) brightness(106%) contrast(101%);}