:root {
    /*
    This file defines the color pallete for Explorer, the central hue for each
    color is taken from Adobe Spectrum (https://spectrum.adobe.com/page/color/),
    but the variations are in the style of BootStrap.
    */
    --theme-color-red: #e34850;
    --theme-color-red-100: #fadbdc;
    --theme-color-red-200: #f4b6b9;
    --theme-color-red-300: #ee9196;
    --theme-color-red-400: #ec5b62;
    --theme-color-red-500: #e34850;
    --theme-color-red-600: #d7373f;
    --theme-color-red-700: #c9252d;
    --theme-color-red-800: #5b1e20;
    --theme-color-red-900: #2d0f0f;

    --theme-color-blue: #2680eb;
    --theme-color-blue-50: #edf1fd;
    --theme-color-blue-100: #d3e6fb;
    --theme-color-blue-200: #a8ccf7;
    --theme-color-blue-300: #7db3f3;
    --theme-color-blue-400: #5199ef;
    --theme-color-blue-500: #2680eb;
    --theme-color-blue-600: #1e66bc;
    --theme-color-blue-700: #174d8d;
    --theme-color-blue-800: #0f335e;
    --theme-color-blue-900: #081a2f;

    --theme-color-green: #2d9d78;
    --theme-color-green-100: #d5ebe5;
    --theme-color-green-200: #abd8ca;
    --theme-color-green-300: #81c4ae;
    --theme-color-green-400: #57b194;
    --theme-color-green-500: #2d9d78;
    --theme-color-green-600: #247e60;
    --theme-color-green-700: #1b5e48;
    --theme-color-green-800: #123f30;
    --theme-color-green-900: #092018;

    --theme-color-orange: #e68619;
    --theme-color-orange-100: #fae6d1;
    --theme-color-orange-200: #f5cea3;
    --theme-color-orange-300: #f0b576;
    --theme-color-orange-400: #eb9e47;
    --theme-color-orange-500: #e68619;
    --theme-color-orange-600: #b86b14;
    --theme-color-orange-700: #8a500f;
    --theme-color-orange-800: #5c350a;
    --theme-color-orange-900: #2e1a05;
    
    --theme-color-yellow: #dfbf00;
    --theme-color-yellow-100: #f9f3cc;
    --theme-color-yellow-200: #f2e699;
    --theme-color-yellow-300: #ecd966;
    --theme-color-yellow-400: #e5cc33;
    --theme-color-yellow-500: #dfbf00;
    --theme-color-yellow-600: #b29900;
    --theme-color-yellow-700: #867300;
    --theme-color-yellow-800: #594d00;
    --theme-color-yellow-900: #2d2700;
    
    --theme-color-gray: #b3b3b3;
    --theme-color-gray-100: #f5f5f5;
    --theme-color-gray-200: #eaeaea;
    --theme-color-gray-300: #e1e1e1;
    --theme-color-gray-400: #cacaca;
    --theme-color-gray-500: #b3b3b3;
    --theme-color-gray-600: #8e8e8e;
    --theme-color-gray-700: #6e6e6e;
    --theme-color-gray-800: #4b4b4b;
    --theme-color-gray-900: #2c2c2c;

    --theme-color-indigo: #6767ec;
    --theme-color-indigo-100: #e1e1fb;
    --theme-color-indigo-200: #c3c3f7;
    --theme-color-indigo-300: #a4a4f3;
    --theme-color-indigo-400: #8686f0;
    --theme-color-indigo-500: #6767ec;
    --theme-color-indigo-600: #5252bd;
    --theme-color-indigo-700: #3e3e8e;
    --theme-color-indigo-800: #29295f;
    --theme-color-indigo-900: #151530;

    --theme-color-purple: #9256d9;
    --theme-color-purple-100: #e9ddf7;
    --theme-color-purple-200: #d3bbf0;
    --theme-color-purple-300: #bd99e8;
    --theme-color-purple-400: #a878e1;
    --theme-color-purple-500: #9256d9;
    --theme-color-purple-600: #7545ae;
    --theme-color-purple-700: #583483;
    --theme-color-purple-800: #3b2357;
    --theme-color-purple-900: #1e122c;

    --theme-color-magenta: #d83790;
    --theme-color-magenta-100: #f7d7e9;
    --theme-color-magenta-200: #efafd3;
    --theme-color-magenta-300: #e787bd;
    --theme-color-magenta-400: #e05fa7;
    --theme-color-magenta-500: #d83790;
    --theme-color-magenta-600: #ad2c73;
    --theme-color-magenta-700: #822156;
    --theme-color-magenta-800: #571639;
    --theme-color-magenta-900: #2c0b1d;

    --theme-color-seafoam: #1b959a;
    --theme-color-seafoam-100: #d1eaeb;
    --theme-color-seafoam-200: #a4d5d7;
    --theme-color-seafoam-300: #76c0c3;
    --theme-color-seafoam-400: #49abaf;
    --theme-color-seafoam-500: #1b959a;
    --theme-color-seafoam-600: #16777b;
    --theme-color-seafoam-700: #11595c;
    --theme-color-seafoam-800: #0b3b3d;
    --theme-color-seafoam-900: #061e1f;
}