:root {
    --VeryHighUse: #442843;
    --HighUse: #91518F;
    --MediumUse: #F37742;
    --LowUse: #8F8F8F;
    --OneIndividual: #b6b6cc;
    --WinterRange: #4B7FC1; 
    --AnnualRange40: #e08f6d; 
    --AnnualRange50: #e99384;
    --AnnualRange99: #f2c8b8;
    --Stopover: #231F20; 
    --Footprint: #CACACA; 
    --DesignatedCorridorFootprint: #c28740;
    --Elk: #359356;
    --Pronghorn: #DA8D27;
    --Bison: #0D4DA1;
    --Moose: #D9CA01;
    --MuleDeer: #682E87;
    --WhiteTailedDeer: #D64A9A;
    /* --accent-color: #515050; */ /* original accent color */
    /* --lighter-accent-color: #737373; */
    /* --darker-accent-color: #414040; */
    --accent-color: #00264d; /* wrapper accent */
    --mediumLight-accent-color: #335273;/*another good option:  #003f80 */
    --lighter-accent-color: #8090a6; 
    --darker-accent-color: #001933;
    --inactive-color: #a5aab0; 
    --light-beige-color: #fcfbf5;
    --bannerColor: #166442;
    --MigrationRoutes: #AD00A7;
    --NeighboringHerds: #D8C593;
    --designatedCorridor: #c28740;
}