/* 
2025-02-23 RMcQ
Colors on the Maps pages.

*/


/* COLORS - (1) GENERAL VARIABLES and (2) SPECIFIC OCCUPANT TYPES */

:root {

/* Colors from https://loading.io/color/feature/Spectral-10/ */
    --ColorDeepRed     : #9e0142;
    --ColorSalmon      : #d53e4f;
    --ColorOrange      : #f46d43;
    --ColorLightOrange : #fdae61;
    --ColorYellow      : #fee08b;
    --ColorLightGreen  : #e6f598;
    --ColorGreen       : #abdda4;
    --ColorGreenBlue   : #66c2a5;
    --ColorBlue        : #3288bd;
    --ColorPurple      : #5e4fa2;
/* Colors from ChatGPT (GPT4) */
    --ColorNavy             : #000080;
    --ColorGreenTWO         : #008000;
    --ColorMaroon           : #800000;
    --ColorDarkRed          : #8B0000;
    --ColorDarkGreen        : #006400;
    --ColorDarkBlue         : #00008B;
    --ColorIndigo           : #4B0082;
    --ColorDarkSlateGray    : #2F4F4F;
    --ColorDarkMagenta      : #8B008B;
    --ColorDarkOliveGreen   : #556B2F;
    --ColorDarkSlateBlue    : #483D8B;
    --ColorPurple           : #800080;
    --ColorBrown            : #A52A2A;
    --ColorFirebrick        : #B22222;
    --ColorOlive            : #808000;
    --ColorDimGray          : #696969;

    --ColorBlack            : FFFFFF;

/* Colors for Occupant Types */
    --ColorPnoneP          : var(--ColorOrange);
    --ColorQQQ             : var(--ColorOrange);
    --ColorArtNCreative    : var(--ColorPurple);
    --ColorBeautyNImage    : var(--ColorDarkMagenta);
    --ColorDevelopment     : var(--ColorBlack);
    --ColorFoodNDrink      : var(--ColorDarkGreen);
    --ColorHealthNRecNFun  : var(--ColorBlue);
    --ColorHome            : var(--ColorBlack);
    --ColorMedicalNDental  : var(--ColorMaroon);
    --ColorPetsNAnimals    : var(--ColorBlack);
    --ColorRetail          : var(--ColorBrown);
    --ColorServices        : var(--ColorDarkBlue);
    --ColorTechnology      : var(--ColorFirebrick);
    --ColorTransport       : var(--ColorBlack);
    --ColorEntertainment   : var(--ColorBlack);
    --ColorSports          : var(--ColorBlack);

}

/* Occupant Type Codes (Colors) */

/* 
https://www.w3.org/TR/CSS21/syndata.html#:~:text=In%20CSS%2C%20identifiers%20(including%20element,hyphen%20followed%20by%20a%20digit. :
In CSS, identifiers (including element names, classes, and IDs in selectors) 
can contain only the characters [a-zA-Z0-9] and ISO 10646 characters U+00A0 and higher, 
plus the hyphen (-) and the underscore (_); 
they cannot start with a digit, two hyphens, or a hyphen followed by a digit.

To remove occ_AreaCode chars not allowed in css selectors:
Replaced "+" with "N"
Replaced "(" with "P"
Replaced ")" with "P"
Replaced "?" with "Q"
*/

.PnoneP          { color: var(--ColorPnoneP); }
.QQQ             { color: var(--ColorQQQ); }
.ArtNCreative    { color: var(--ColorArtNCreative); }
.BeautyNImage    { color: var(--ColorBeautyNImage); }
.Development     { color: var(--ColorDevelopment); } /*  */
.FoodNDrink      { color: var(--ColorFoodNDrink); }
.HealthNRecNFun  { color: var(--ColorHealthNRecNFun); } /*  */
.Home            { color: var(--ColorHome); } /*  */
.MedicalNDental  { color: var(--ColorMedicalNDental); }
.PetsNAnimals    { color: var(--ColorPetsNAnimals); } /*  */
.Retail          { color: var(--ColorRetail); }
.Services        { color: var(--ColorServices); }
.Technology      { color: var(--ColorTechnology); } /*  */
.Transport       { color: var(--ColorTransport); } /*  */
.Entertainment   { color: var(--ColorEntertainment); } /*  */
.Sports          { color: var(--ColorSports); } /*  */