/* =======================================
BROWSER SUPPORTED COLOR NAMES
======================================= */

    :root {
      --color-alice-blue: AliceBlue;
      --color-antique-white: AntiqueWhite;
      --color-aqua: Aqua;
      --color-aqua-marine: AquaMarine;
      --color-azure: Azure;
      --color-beige: Beige;
      --color-bisque: Bisque;
      --color-black: Black;
      --color-blanched-almond: BlanchedAlmond;
      --color-blue: Blue;
      --color-blue-violet: BlueViolet;
      --color-brown: Brown;
      --color-burly-wood: BurlyWood;
      --color-cadet-blue: CadetBlue;
      --color-chartreuse: Chartreuse;
      --color-chocolate: Chocolate;
      --color-coral: Coral;
      --color-corn-flower-blue: CornFlowerBlue;
      --color-cornsilk: Cornsilk;
      --color-crimson: Crimson;
      --color-cyan: Cyan;
      --color-dark-blue: DarkBlue;
      --color-dark-cyan: DarkCyan;
      --color-dark-golden-rod: DarkGoldenRod;
      --color-dark-gray: DarkGray;
      --color-dark-green: DarkGreen;
      --color-dark-khaki: DarkKhaki;
      --color-dark-magenta: DarkMagenta;
      --color-dark-olive-green: DarkOliveGreen;
      --color-dark-orange: DarkOrange;
      --color-dark-orchid: DarkOrchid;
      --color-dark-red: DarkRed;
      --color-dark-salmon: DarkSalmon;
      --color-dark-sea-green: DarkSeaGreen;
      --color-dark-slate-blue: DarkSlateBlue;
      --color-dark-slate-gray: DarkSlateGray;
      --color-dark-turquoise: DarkTurquoise;
      --color-dark-violet: DarkViolet;
      --color-deep-pink: DeepPink;
      --color-deep-sky-blue: DeepSkyBlue;
      --color-dim-gray: DimGray;
      --color-dodger-blue: DodgerBlue;
      --color-fire-brick: FireBrick;
      --color-floral-white: FloralWhite;
      --color-forest-green: ForestGreen;
      --color-fuchsia: Fuchsia;
      --color-gainsboro: Gainsboro;
      --color-ghost-white: GhostWhite;
      --color-gold: Gold;
      --color-golden-rod: GoldenRod;
      --color-gray: Gray;
      --color-green: Green;
      --color-green-yellow: GreenYellow;
      --color-honey-dew: HoneyDew;
      --color-hot-pink: HotPink;
      --color-indian-red: IndianRed;
      --color-indigo: Indigo;
      --color-ivory: Ivory;
      --color-khaki: Khaki;
      --color-lavender: Lavender;
      --color-lavender-blush: LavenderBlush;
      --color-lawn-green: LawnGreen;
      --color-lemon-chiffon: LemonChiffon;
      --color-light-blue: LightBlue;
      --color-light-coral: LightCoral;
      --color-light-cyan: LightCyan;
      --color-light-goldenrod-yellow: LightGoldenrodYellow;
      --color-light-gray: LightGray;
      --color-light-green: LightGreen;
      --color-light-pink: LightPink;
      --color-light-salmon: LightSalmon;
      --color-light-sea-green: LightSeaGreen;
      --color-light-sky-blue: LightSkyBlue;
      --color-light-slate-gray: LightSlateGray;
      --color-light-steel-blue: LightSteelBlue;
      --color-light-yellow: LightYellow;
      --color-lime: Lime;
      --color-lime-green: LimeGreen;
      --color-linen: Linen;
      --color-magenta: Magenta;
      --color-maroon: Maroon;
      --color-medium-aquamarine: MediumAquaMarine;
      --color-medium-blue: MediumBlue;
      --color-medium-orchid: MediumOrchid;
      --color-medium-purple: MediumPurple;
      --color-medium-sea-green: MediumSeaGreen;
      --color-medium-slate-blue: MediumSlateBlue;
      --color-medium-spring-green: MediumSpringGreen;
      --color-medium-turquoise: MediumTurquoise;
      --color-medium-violet-red: MediumVioletRed;
      --color-midnight-blue: MidnightBlue;
      --color-mint-cream: MintCream;
      --color-misty-rose: misty-rose;
      --color-moccasin: Moccasin;
      --color-navajo-white: NavajoWhite;
      --color-navy: Navy;
      --color-old-lace: OldLace;
      --color-olive: Olive;
      --color-olive-drab: OliveDrab;
      --color-orange: Orange;
      --color-orange-red: OrangeRed;
      --color-orchid: Orchid;
      --color-pale-golden-rod: PaleGoldenRod;
      --color-pale-green: PaleGreen;
      --color-pale-turquoise: PaleTurquoise;
      --color-pale-violet-red: PaleVioletRed;
      --color-papaya-whip: PapayaWhip;
      --color-peach-puff: PeachPuff;
      --color-peru: Peru;
      --color-pink: Pink;
      --color-plum: Plum;
      --color-powder-blue: PowderBlue;
      --color-purple: Purple;
      --color-red: Red;
      --color-rosy-brown: RosyBrown;
      --color-royal-blue: RoyalBlue;
      --color-saddle-brown: SaddleBrown;
      --color-salmon: Salmon;
      --color-sandy-brown: SandyBrown;
      --color-sea-green: SeaGreen;
      --color-sea-shell: SeaShell;
      --color-sienna: Sienna;
      --color-silver: Silver;
      --color-sky-blue: SkyBlue;
      --color-slate-blue: SlateBlue;
      --color-slate-gray: SlateGray;
      --color-snow: Snow;
      --color-spring-green: SpringGreen;
      --color-steel-blue: SteelBlue;
      --color-tan: Tan;
      --color-teal: Teal;
      --color-thistle: Thistle;
      --color-tomato: Tomato;
      --color-turquoise: Turquoise;
      --color-violet: Violet;
      --color-wheat: Wheat;
      --color-white: White;
      --color-white-smoke: WhiteSmoke;
      --color-yellow: Yellow;
      --color-yellow-green: YellowGreen;
    }

    :root {
      @each $color in alice-blue, antique-white, aqua, aqua-marine, azure, beige, bisque, black, blanched-almond, blue, blue-violet, brown, burly-wood, cadet-blue, chartreuse, chocolate, coral, corn-flower-blue, cornsilk, crimson, cyan, dark-blue, dark-cyan, dark-golden-rod, dark-gray, dark-green, dark-khaki, dark-magenta, dark-olive-green, dark-orange, dark-orchid, dark-red, dark-salmon, dark-sea-green, dark-slate-blue, dark-slate-gray, dark-turquoise, dark-violet, deep-pink, deep-sky-blue, dim-gray, dodger-blue, fire-brick, floral-white, forest-green, fuchsia, gainsboro, ghost-white, gold, golden-rod, gray, green, green-yellow, honey-dew, hot-pink, indian-red, indigo, ivory, khaki, lavender, lavender-blush, lawn-green, lemon-chiffon, light-blue, light-coral, light-cyan, light-goldenrod-yellow, light-gray, light-green, light-pink, light-salmon, light-sea-green, light-sky-blue, light-slate-gray, light-steel-blue, light-yellow, lime, lime-green, linen, magenta, maroon, medium-aquamarine, medium-blue, medium-orchid, medium-purple, medium-sea-green, medium-slate-blue, medium-spring-green, medium-turquoise, medium-violet-red, midnight-blue, mint-cream, misty-rose, moccasin, navajo-white, navy, old-lace, olive, olive-drab, orange, orange-red, orchid, pale-golden-rod, pale-green, pale-turquoise, pale-violet-red, papaya-whip, peach-puff, peru, pink, plum, powder-blue, purple, red, rosy-brown, royal-blue, saddle-brown, salmon, sandy-brown, sea-green, sea-shell, sienna, silver, sky-blue, slate-blue, slate-gray, snow, spring-green, steel-blue, tan, teal, thistle, tomato, turquoise, violet, wheat, white, white-smoke, yellow, yellow-green {
        --u-text-color-$(color) {
          color: var(--color-$(color));
        }
        --u-background-color-$(color) {
          background-color: var(--color-$(color));
        }
        --u-border-color-$(color) {
          border-color: var(--color-$(color));
        }
      }
    }