:root {
  --color-lightblack: #212529;
  --color-red: #ff0000;
  --color-white: #ffffff;
  --color-cyan: #00ffff;
  --color-silver: #c0c0c0;
  --color-blue: #0000ff;
  --color-gray: #808080;
  --color-darkblue: #00008b;
  --color-black: #000000;
  --color-lightblue: #add8e6;
  --color-orange: #ffa500;
  --color-purple: #800080;
  --color-brown: #a52a2a;
  --color-yellow: #ffff00;
  --color-maroon: #800000;
  --color-lime: #00ff00;
  --color-green: #008000;
  --color-magenta: #ff00ff;
  --color-olive: #808000;
  --color-pink: #ffc0cb;
  --color-aquamarine: #7fffd4;
  --color-FE4A51: #fe4a51;
  --color-A56CBD: #a56cbd;
  --color-2ECC71: #2ecc71;
  --color-0088FF: #0088ff;
  --color-997C00: #997c00;
  --color-49CFE8: #49cfe8;
  --color-4C60F5: #4c60f5;
  --color-lightgray: #ddd;
  --color-primary: #00a551;
  --color-litegray: #f3f8fc;
  --color-secondary: #172733;
}

/* Background Colors */
.my-bg-lightblack {
  background-color: var(--color-lightblack);
}
.my-bg-red {
  background-color: var(--color-red) !important;
}
.my-bg-white {
  background-color: var(--color-white);
}
.my-bg-cyan {
  background-color: var(--color-cyan);
}
.my-bg-silver {
  background-color: var(--color-silver);
}
.my-bg-blue {
  background-color: var(--color-blue);
}
.my-bg-gray {
  background-color: var(--color-gray);
}
.my-bg-darkblue {
  background-color: var(--color-darkblue);
}
.my-bg-black {
  background-color: var(--color-black);
}
.my-bg-lightblue {
  background-color: var(--color-lightblue);
}
.my-bg-orange {
  background-color: var(--color-orange);
}
.my-bg-purple {
  background-color: var(--color-purple);
}
.my-bg-brown {
  background-color: var(--color-brown);
}
.my-bg-yellow {
  background-color: var(--color-yellow);
}
.my-bg-maroon {
  background-color: var(--color-maroon);
}
.my-bg-lime {
  background-color: var(--color-lime);
}
.my-bg-green {
  background-color: var(--color-green);
}
.my-bg-magenta {
  background-color: var(--color-magenta);
}
.my-bg-olive {
  background-color: var(--color-olive);
}
.my-bg-pink {
  background-color: var(--color-pink);
}
.my-bg-aquamarine {
  background-color: var(--color-aquamarine);
}
.my-bg-FE4A51 {
  background-color: var(--color-FE4A51);
}
.my-bg-A56CBD {
  background-color: var(--color-A56CBD);
}
.my-bg-2ECC71 {
  background-color: var(--color-2ECC71);
}
.my-bg-0088FF {
  background-color: var(--color-0088FF);
}
.my-bg-997C00 {
  background-color: var(--color-997c00);
}
.my-bg-49CFE8 {
  background-color: var(--color-49CFE8);
}
.my-bg-4C60F5 {
  background-color: var(--color-4C60F5);
}
.my-bg-lightgray {
  background-color: var(--color-lightgray);
}
.my-bg-primary {
  background-color: var(--color-primary) !important;
}
.my-bg-secondary {
  background-color: var(--color-secondary);
}
.my-bg-litegray {
  background-color: var(--color-litegray);
}

/* Text Colors */
.my-text-lightblack {
  color: var(--color-lightblack);
}
.my-text-red {
  color: var(--color-red);
}
.my-text-white {
  color: var(--color-white);
}
.my-text-cyan {
  color: var(--color-cyan);
}
.my-text-silver {
  color: var(--color-silver);
}
.my-text-blue {
  color: var(--color-blue);
}
.my-text-gray {
  color: var(--color-gray);
}
.my-text-darkblue {
  color: var(--color-darkblue);
}
.my-text-black {
  color: var(--color-black);
}
.my-text-lightblue {
  color: var(--color-lightblue);
}
.my-text-orange {
  color: var(--color-orange);
}
.my-text-purple {
  color: var(--color-purple);
}
.my-text-brown {
  color: var(--color-brown);
}
.my-text-yellow {
  color: var(--color-yellow);
}
.my-text-maroon {
  color: var(--color-maroon);
}
.my-text-lime {
  color: var(--color-lime);
}
.my-text-green {
  color: var(--color-green);
}
.my-text-magenta {
  color: var(--color-magenta);
}
.my-text-olive {
  color: var(--color-olive);
}
.my-text-pink {
  color: var(--color-pink);
}
.my-text-aquamarine {
  color: var(--color-aquamarine);
}
.my-text-FE4A51 {
  color: var(--color-FE4A51);
}
.my-text-A56CBD {
  color: var(--color-A56CBD);
}
.my-text-2ECC71 {
  color: var(--color-2ECC71);
}
.my-text-0088FF {
  color: var(--color-0088FF);
}
.my-text-997C00 {
  color: var(--color-997c00);
}
.my-text-49CFE8 {
  color: var(--color-49CFE8);
}
.my-text-4C60F5 {
  color: var(--color-4C60F5);
}
.my-text-lightgray {
  color: var(--color-lightgray);
}
.my-text-primary {
  color: var(--color-primary);
}
.my-text-litegray {
  color: var(--color-litegray);
}