html {

  --custom-white: #fff;
  --custom-gray-50: #fbfbfb;
  --custom-gray-100: #f5f5f5;
  --custom-gray-200: #eeeeee;
  --custom-gray-300: #e0e0e0;
  --custom-gray-400: #bdbdbd;
  --custom-gray-500: #9e9e9e;
  --custom-gray-600: #757575;
  --custom-gray-700: #616161;
  --custom-gray-800: #4f4f4f;
  --custom-gray-900: #262626;
  --custom-black: #000;

  --custom-blue-50: #e3f2fd;
  --custom-blue-100: #bbdefb;
  --custom-blue-200: #90caf9;
  --custom-blue-300: #64b5f6;
  --custom-blue-400: #42a5f5;
  --custom-blue-500: #2196f3;
  --custom-blue-600: #1e88e5;
  --custom-blue-700: #1976d2;
  --custom-blue-800: #1565c0;
  --custom-blue-900: #0d47a1;
  --custom-blue-accent-100: #82b1ff;
  --custom-blue-accent-200: #448aff;
  --custom-blue-accent-400: #2979ff;
  --custom-blue-accent-700: #2962ff;

  --custom-indigo-50: #e8eaf6;
  --custom-indigo-100: #c5cae9;
  --custom-indigo-200: #9fa8da;
  --custom-indigo-300: #7986cb;
  --custom-indigo-400: #5c6bc0;
  --custom-indigo-500: #3f51b5;
  --custom-indigo-600: #3949ab;
  --custom-indigo-700: #303f9f;
  --custom-indigo-800: #283593;
  --custom-indigo-900: #1a237e;
  --custom-indigo-accent-100: #8c9eff;
  --custom-indigo-accent-200: #536dfe;
  --custom-indigo-accent-400: #3d5afe;
  --custom-indigo-accent-700: #304ffe;

  --custom-purple-50: #f3e5f5;
  --custom-purple-100: #e1bee7;
  --custom-purple-200: #ce93d8;
  --custom-purple-300: #ba68c8;
  --custom-purple-400: #ab47bc;
  --custom-purple-500: #9c27b0;
  --custom-purple-600: #8e24aa;
  --custom-purple-700: #7b1fa2;
  --custom-purple-800: #6a1b9a;
  --custom-purple-900: #4a148c;
  --custom-purple-accent-100: #ea80fc;
  --custom-purple-accent-200: #e040fb;
  --custom-purple-accent-400: #d500f9;
  --custom-purple-accent-700: #aa00ff;

  --custom-pink-50: #fce4ec;
  --custom-pink-100: #f8bbd0;
  --custom-pink-200: #f48fb1;
  --custom-pink-300: #f06292;
  --custom-pink-400: #ec407a;
  --custom-pink-500: #e91e63;
  --custom-pink-600: #d81b60;
  --custom-pink-700: #c2185b;
  --custom-pink-800: #ad1457;
  --custom-pink-900: #880e4f;
  --custom-pink-accent-100: #ff80ab;
  --custom-pink-accent-200: #ff4081;
  --custom-pink-accent-400: #f50057;
  --custom-pink-accent-700: #c51162;

  --custom-red-50: #ffebee;
  --custom-red-100: #ffcdd2;
  --custom-red-200: #ef9a9a;
  --custom-red-300: #e57373;
  --custom-red-400: #ef5350;
  --custom-red-500: #f44336;
  --custom-red-600: #e53935;
  --custom-red-700: #d32f2f;
  --custom-red-800: #c62828;
  --custom-red-900: #b71c1c;
  --custom-red-accent-100: #ff8a80;
  --custom-red-accent-200: #ff5252;
  --custom-red-accent-400: #ff1744;
  --custom-red-accent-700: #d50000;

  --custom-orange-50: #fff3e0;
  --custom-orange-100: #ffe0b2;
  --custom-orange-200: #ffcc80;
  --custom-orange-300: #ffb74d;
  --custom-orange-400: #ffa726;
  --custom-orange-500: #ff9800;
  --custom-orange-600: #fb8c00;
  --custom-orange-700: #f57c00;
  --custom-orange-800: #ef6c00;
  --custom-orange-900: #e65100;
  --custom-orange-accent-100: #ffd180;
  --custom-orange-accent-200: #ffab40;
  --custom-orange-accent-400: #ff9100;
  --custom-orange-accent-700: #ff6d00;

  --custom-yellow-50: #fffde7;
  --custom-yellow-100: #fff9c4;
  --custom-yellow-200: #fff59d;
  --custom-yellow-300: #fff176;
  --custom-yellow-400: #ffee58;
  --custom-yellow-500: #ffeb3b;
  --custom-yellow-600: #fdd835;
  --custom-yellow-700: #fbc02d;
  --custom-yellow-800: #f9a825;
  --custom-yellow-900: #f57f17;
  --custom-yellow-accent-100: #ffff8d;
  --custom-yellow-accent-200: #ffff00;
  --custom-yellow-accent-400: #ffea00;
  --custom-yellow-accent-700: #ffd600;

  --custom-green-50: #e8f5e9;
  --custom-green-100: #c8e6c9;
  --custom-green-200: #a5d6a7;
  --custom-green-300: #81c784;
  --custom-green-400: #66bb6a;
  --custom-green-500: #4caf50;
  --custom-green-600: #43a047;
  --custom-green-700: #388e3c;
  --custom-green-800: #2e7d32;
  --custom-green-900: #1b5e20;
  --custom-green-accent-100: #b9f6ca;
  --custom-green-accent-200: #69f0ae;
  --custom-green-accent-400: #00e676;
  --custom-green-accent-700: #00c853;

  --custom-teal-50: #e0f2f1;
  --custom-teal-100: #b2dfdb;
  --custom-teal-200: #80cbc4;
  --custom-teal-300: #4db6ac;
  --custom-teal-400: #26a69a;
  --custom-teal-500: #009688;
  --custom-teal-600: #00897b;
  --custom-teal-700: #00796b;
  --custom-teal-800: #00695c;
  --custom-teal-900: #004d40;
  --custom-teal-accent-100: #a7ffeb;
  --custom-teal-accent-200: #64ffda;
  --custom-teal-accent-400: #1de9b6;
  --custom-teal-accent-700: #00bfa5;

  --custom-cyan-50: #e0f7fa;
  --custom-cyan-100: #b2ebf2;
  --custom-cyan-200: #80deea;
  --custom-cyan-300: #4dd0e1;
  --custom-cyan-400: #26c6da;
  --custom-cyan-500: #00bcd4;
  --custom-cyan-600: #00acc1;
  --custom-cyan-700: #0097a7;
  --custom-cyan-800: #00838f;
  --custom-cyan-900: #006064;
  --custom-cyan-accent-100: #84ffff;
  --custom-cyan-accent-200: #18ffff;
  --custom-cyan-accent-400: #00e5ff;
  --custom-cyan-accent-700: #00b8d4;

  --custom-deep-purple-50: #ede7f6;
  --custom-deep-purple-100: #d1c4e9;
  --custom-deep-purple-200: #b39ddb;
  --custom-deep-purple-300: #9575cd;
  --custom-deep-purple-400: #7e57c2;
  --custom-deep-purple-500: #673ab7;
  --custom-deep-purple-600: #5e35b1;
  --custom-deep-purple-700: #512da8;
  --custom-deep-purple-800: #4527a0;
  --custom-deep-purple-900: #311b92;
  --custom-deep-purple-accent-100: #b388ff;
  --custom-deep-purple-accent-200: #7c4dff;
  --custom-deep-purple-accent-400: #651fff;
  --custom-deep-purple-accent-700: #6200ea;

  --custom-light-blue-50: #e1f5fe;
  --custom-light-blue-100: #b3e5fc;
  --custom-light-blue-200: #81d4fa;
  --custom-light-blue-300: #4fc3f7;
  --custom-light-blue-400: #29b6f6;
  --custom-light-blue-500: #03a9f4;
  --custom-light-blue-600: #039be5;
  --custom-light-blue-700: #0288d1;
  --custom-light-blue-800: #0277bd;
  --custom-light-blue-900: #01579b;
  --custom-light-blue-accent-100: #80d8ff;
  --custom-light-blue-accent-200: #40c4ff;
  --custom-light-blue-accent-400: #00b0ff;
  --custom-light-blue-accent-700: #0091ea;

  --custom-light-green-50: #f1f8e9;
  --custom-light-green-100: #dcedc8;
  --custom-light-green-200: #c5e1a5;
  --custom-light-green-300: #aed581;
  --custom-light-green-400: #9ccc65;
  --custom-light-green-500: #8bc34a;
  --custom-light-green-600: #7cb342;
  --custom-light-green-700: #689f38;
  --custom-light-green-800: #558b2f;
  --custom-light-green-900: #33691e;
  --custom-light-green-accent-100: #ccff90;
  --custom-light-green-accent-200: #b2ff59;
  --custom-light-green-accent-400: #76ff03;
  --custom-light-green-accent-700: #64dd17;

  --custom-lime-50: #f9fbe7;
  --custom-lime-100: #f0f4c3;
  --custom-lime-200: #e6ee9c;
  --custom-lime-300: #dce775;
  --custom-lime-400: #d4e157;
  --custom-lime-500: #cddc39;
  --custom-lime-600: #c0ca33;
  --custom-lime-700: #afb42b;
  --custom-lime-800: #9e9d24;
  --custom-lime-900: #827717;
  --custom-lime-accent-100: #f4ff81;
  --custom-lime-accent-200: #eeff41;
  --custom-lime-accent-400: #c6ff00;
  --custom-lime-accent-700: #aeea00;

  --custom-amber-50: #fff8e1;
  --custom-amber-100: #ffecb3;
  --custom-amber-200: #ffe082;
  --custom-amber-300: #ffd54f;
  --custom-amber-400: #ffca28;
  --custom-amber-500: #ffc107;
  --custom-amber-600: #ffb300;
  --custom-amber-700: #ffa000;
  --custom-amber-800: #ff8f00;
  --custom-amber-900: #ff6f00;
  --custom-amber-accent-100: #ffe57f;
  --custom-amber-accent-200: #ffd740;
  --custom-amber-accent-400: #ffc400;
  --custom-amber-accent-700: #ffab00;

  --custom-deep-orange-50: #fbe9e7;
  --custom-deep-orange-100: #ffccbc;
  --custom-deep-orange-200: #ffab91;
  --custom-deep-orange-300: #ff8a65;
  --custom-deep-orange-400: #ff7043;
  --custom-deep-orange-500: #ff5722;
  --custom-deep-orange-600: #f4511e;
  --custom-deep-orange-700: #e64a19;
  --custom-deep-orange-800: #d84315;
  --custom-deep-orange-900: #bf360c;
  --custom-deep-orange-accent-100: #ff9e80;
  --custom-deep-orange-accent-200: #ff6e40;
  --custom-deep-orange-accent-400: #ff3d00;
  --custom-deep-orange-accent-700: #dd2c00;

  --custom-brown-50: #efebe9;
  --custom-brown-100: #d7ccc8;
  --custom-brown-200: #bcaaa4;
  --custom-brown-300: #a1887f;
  --custom-brown-400: #8d6e63;
  --custom-brown-500: #795548;
  --custom-brown-600: #6d4c41;
  --custom-brown-700: #5d4037;
  --custom-brown-800: #4e342e;
  --custom-brown-900: #3e2723;

  --custom-blue-gray-50: #eceff1;
  --custom-blue-gray-100: #cfd8dc;
  --custom-blue-gray-200: #b0bec5;
  --custom-blue-gray-300: #90a4ae;
  --custom-blue-gray-400: #78909c;
  --custom-blue-gray-500: #607d8b;
  --custom-blue-gray-600: #546e7a;
  --custom-blue-gray-700: #455a64;
  --custom-blue-gray-800: #37474f;
  --custom-blue-gray-900: #263238;

}


/* text color */

.text-gray-50 { color: var(--custom-gray-50); }
.text-gray-100 { color: var(--custom-gray-100); }
.text-gray-200 { color: var(--custom-gray-200); }
.text-gray-300 { color: var(--custom-gray-300); }
.text-gray-400 { color: var(--custom-gray-400); }
.text-gray-500 { color: var(--custom-gray-500); }
.text-gray-600 { color: var(--custom-gray-600); }
.text-gray-700 { color: var(--custom-gray-700); }
.text-gray-800 { color: var(--custom-gray-800); }
.text-gray-900 { color: var(--custom-gray-900); }

.text-blue-50 { color: var(--custom-blue-50); }
.text-blue-100 { color: var(--custom-blue-100); }
.text-blue-200 { color: var(--custom-blue-200); }
.text-blue-300 { color: var(--custom-blue-300); }
.text-blue-400 { color: var(--custom-blue-400); }
.text-blue-500 { color: var(--custom-blue-500); }
.text-blue-600 { color: var(--custom-blue-600); }
.text-blue-700 { color: var(--custom-blue-700); }
.text-blue-800 { color: var(--custom-blue-800); }
.text-blue-900 { color: var(--custom-blue-900); }
.text-blue-accent-100 { color: var(--custom-blue-accent-100); }
.text-blue-accent-200 { color: var(--custom-blue-accent-200); }
.text-blue-accent-400 { color: var(--custom-blue-accent-400); }
.text-blue-accent-700 { color: var(--custom-blue-accent-700); }

.text-indigo-50 { color: var(--custom-indigo-50); }
.text-indigo-100 { color: var(--custom-indigo-100); }
.text-indigo-200 { color: var(--custom-indigo-200); }
.text-indigo-300 { color: var(--custom-indigo-300); }
.text-indigo-400 { color: var(--custom-indigo-400); }
.text-indigo-500 { color: var(--custom-indigo-500); }
.text-indigo-600 { color: var(--custom-indigo-600); }
.text-indigo-700 { color: var(--custom-indigo-700); }
.text-indigo-800 { color: var(--custom-indigo-800); }
.text-indigo-900 { color: var(--custom-indigo-900); }
.text-indigo-accent-100 { color: var(--custom-indigo-accent-100); }
.text-indigo-accent-200 { color: var(--custom-indigo-accent-200); }
.text-indigo-accent-400 { color: var(--custom-indigo-accent-400); }
.text-indigo-accent-700 { color: var(--custom-indigo-accent-700); }

.text-purple-50 { color: var(--custom-purple-50); }
.text-purple-100 { color: var(--custom-purple-100); }
.text-purple-200 { color: var(--custom-purple-200); }
.text-purple-300 { color: var(--custom-purple-300); }
.text-purple-400 { color: var(--custom-purple-400); }
.text-purple-500 { color: var(--custom-purple-500); }
.text-purple-600 { color: var(--custom-purple-600); }
.text-purple-700 { color: var(--custom-purple-700); }
.text-purple-800 { color: var(--custom-purple-800); }
.text-purple-900 { color: var(--custom-purple-900); }
.text-purple-accent-100 { color: var(--custom-purple-accent-100); }
.text-purple-accent-200 { color: var(--custom-purple-accent-200); }
.text-purple-accent-400 { color: var(--custom-purple-accent-400); }
.text-purple-accent-700 { color: var(--custom-purple-accent-700); }

.text-pink-50 { color: var(--custom-pink-50); }
.text-pink-100 { color: var(--custom-pink-100); }
.text-pink-200 { color: var(--custom-pink-200); }
.text-pink-300 { color: var(--custom-pink-300); }
.text-pink-400 { color: var(--custom-pink-400); }
.text-pink-500 { color: var(--custom-pink-500); }
.text-pink-600 { color: var(--custom-pink-600); }
.text-pink-700 { color: var(--custom-pink-700); }
.text-pink-800 { color: var(--custom-pink-800); }
.text-pink-900 { color: var(--custom-pink-900); }
.text-pink-accent-100 { color: var(--custom-pink-accent-100); }
.text-pink-accent-200 { color: var(--custom-pink-accent-200); }
.text-pink-accent-400 { color: var(--custom-pink-accent-400); }
.text-pink-accent-700 { color: var(--custom-pink-accent-700); }

.text-red-50 { color: var(--custom-red-50); }
.text-red-100 { color: var(--custom-red-100); }
.text-red-200 { color: var(--custom-red-200); }
.text-red-300 { color: var(--custom-red-300); }
.text-red-400 { color: var(--custom-red-400); }
.text-red-500 { color: var(--custom-red-500); }
.text-red-600 { color: var(--custom-red-600); }
.text-red-700 { color: var(--custom-red-700); }
.text-red-800 { color: var(--custom-red-800); }
.text-red-900 { color: var(--custom-red-900); }
.text-red-accent-100 { color: var(--custom-red-accent-100); }
.text-red-accent-200 { color: var(--custom-red-accent-200); }
.text-red-accent-400 { color: var(--custom-red-accent-400); }
.text-red-accent-700 { color: var(--custom-red-accent-700); }

.text-orange-50 { color: var(--custom-orange-50); }
.text-orange-100 { color: var(--custom-orange-100); }
.text-orange-200 { color: var(--custom-orange-200); }
.text-orange-300 { color: var(--custom-orange-300); }
.text-orange-400 { color: var(--custom-orange-400); }
.text-orange-500 { color: var(--custom-orange-500); }
.text-orange-600 { color: var(--custom-orange-600); }
.text-orange-700 { color: var(--custom-orange-700); }
.text-orange-800 { color: var(--custom-orange-800); }
.text-orange-900 { color: var(--custom-orange-900); }
.text-orange-accent-100 { color: var(--custom-orange-accent-100); }
.text-orange-accent-200 { color: var(--custom-orange-accent-200); }
.text-orange-accent-400 { color: var(--custom-orange-accent-400); }
.text-orange-accent-700 { color: var(--custom-orange-accent-700); }

.text-yellow-50 { color: var(--custom-yellow-50); }
.text-yellow-100 { color: var(--custom-yellow-100); }
.text-yellow-200 { color: var(--custom-yellow-200); }
.text-yellow-300 { color: var(--custom-yellow-300); }
.text-yellow-400 { color: var(--custom-yellow-400); }
.text-yellow-500 { color: var(--custom-yellow-500); }
.text-yellow-600 { color: var(--custom-yellow-600); }
.text-yellow-700 { color: var(--custom-yellow-700); }
.text-yellow-800 { color: var(--custom-yellow-800); }
.text-yellow-900 { color: var(--custom-yellow-900); }
.text-yellow-accent-100 { color: var(--custom-yellow-accent-100); }
.text-yellow-accent-200 { color: var(--custom-yellow-accent-200); }
.text-yellow-accent-400 { color: var(--custom-yellow-accent-400); }
.text-yellow-accent-700 { color: var(--custom-yellow-accent-700); }

.text-green-50 { color: var(--custom-green-50); }
.text-green-100 { color: var(--custom-green-100); }
.text-green-200 { color: var(--custom-green-200); }
.text-green-300 { color: var(--custom-green-300); }
.text-green-400 { color: var(--custom-green-400); }
.text-green-500 { color: var(--custom-green-500); }
.text-green-600 { color: var(--custom-green-600); }
.text-green-700 { color: var(--custom-green-700); }
.text-green-800 { color: var(--custom-green-800); }
.text-green-900 { color: var(--custom-green-900); }
.text-green-accent-100 { color: var(--custom-green-accent-100); }
.text-green-accent-200 { color: var(--custom-green-accent-200); }
.text-green-accent-400 { color: var(--custom-green-accent-400); }
.text-green-accent-700 { color: var(--custom-green-accent-700); }

.text-teal-50 { color: var(--custom-teal-50); }
.text-teal-100 { color: var(--custom-teal-100); }
.text-teal-200 { color: var(--custom-teal-200); }
.text-teal-300 { color: var(--custom-teal-300); }
.text-teal-400 { color: var(--custom-teal-400); }
.text-teal-500 { color: var(--custom-teal-500); }
.text-teal-600 { color: var(--custom-teal-600); }
.text-teal-700 { color: var(--custom-teal-700); }
.text-teal-800 { color: var(--custom-teal-800); }
.text-teal-900 { color: var(--custom-teal-900); }
.text-teal-accent-100 { color: var(--custom-teal-accent-100); }
.text-teal-accent-200 { color: var(--custom-teal-accent-200); }
.text-teal-accent-400 { color: var(--custom-teal-accent-400); }
.text-teal-accent-700 { color: var(--custom-teal-accent-700); }

.text-cyan-50 { color: var(--custom-cyan-50); }
.text-cyan-100 { color: var(--custom-cyan-100); }
.text-cyan-200 { color: var(--custom-cyan-200); }
.text-cyan-300 { color: var(--custom-cyan-300); }
.text-cyan-400 { color: var(--custom-cyan-400); }
.text-cyan-500 { color: var(--custom-cyan-500); }
.text-cyan-600 { color: var(--custom-cyan-600); }
.text-cyan-700 { color: var(--custom-cyan-700); }
.text-cyan-800 { color: var(--custom-cyan-800); }
.text-cyan-900 { color: var(--custom-cyan-900); }
.text-cyan-accent-100 { color: var(--custom-cyan-accent-100); }
.text-cyan-accent-200 { color: var(--custom-cyan-accent-200); }
.text-cyan-accent-400 { color: var(--custom-cyan-accent-400); }
.text-cyan-accent-700 { color: var(--custom-cyan-accent-700); }

.text-deep-purple-50 { color: var(--custom-deep-purple-50); }
.text-deep-purple-100 { color: var(--custom-deep-purple-100); }
.text-deep-purple-200 { color: var(--custom-deep-purple-200); }
.text-deep-purple-300 { color: var(--custom-deep-purple-300); }
.text-deep-purple-400 { color: var(--custom-deep-purple-400); }
.text-deep-purple-500 { color: var(--custom-deep-purple-500); }
.text-deep-purple-600 { color: var(--custom-deep-purple-600); }
.text-deep-purple-700 { color: var(--custom-deep-purple-700); }
.text-deep-purple-800 { color: var(--custom-deep-purple-800); }
.text-deep-purple-900 { color: var(--custom-deep-purple-900); }
.text-deep-purple-accent-100 { color: var(--custom-deep-purple-accent-100); }
.text-deep-purple-accent-200 { color: var(--custom-deep-purple-accent-200); }
.text-deep-purple-accent-400 { color: var(--custom-deep-purple-accent-400); }
.text-deep-purple-accent-700 { color: var(--custom-deep-purple-accent-700); }

.text-light-blue-50 { color: var(--custom-light-blue-50); }
.text-light-blue-100 { color: var(--custom-light-blue-100); }
.text-light-blue-200 { color: var(--custom-light-blue-200); }
.text-light-blue-300 { color: var(--custom-light-blue-300); }
.text-light-blue-400 { color: var(--custom-light-blue-400); }
.text-light-blue-500 { color: var(--custom-light-blue-500); }
.text-light-blue-600 { color: var(--custom-light-blue-600); }
.text-light-blue-700 { color: var(--custom-light-blue-700); }
.text-light-blue-800 { color: var(--custom-light-blue-800); }
.text-light-blue-900 { color: var(--custom-light-blue-900); }
.text-light-blue-accent-100 { color: var(--custom-light-blue-accent-100); }
.text-light-blue-accent-200 { color: var(--custom-light-blue-accent-200); }
.text-light-blue-accent-400 { color: var(--custom-light-blue-accent-400); }
.text-light-blue-accent-700 { color: var(--custom-light-blue-accent-700); }

.text-light-green-50 { color: var(--custom-light-green-50); }
.text-light-green-100 { color: var(--custom-light-green-100); }
.text-light-green-200 { color: var(--custom-light-green-200); }
.text-light-green-300 { color: var(--custom-light-green-300); }
.text-light-green-400 { color: var(--custom-light-green-400); }
.text-light-green-500 { color: var(--custom-light-green-500); }
.text-light-green-600 { color: var(--custom-light-green-600); }
.text-light-green-700 { color: var(--custom-light-green-700); }
.text-light-green-800 { color: var(--custom-light-green-800); }
.text-light-green-900 { color: var(--custom-light-green-900); }
.text-light-green-accent-100 { color: var(--custom-light-green-accent-100); }
.text-light-green-accent-200 { color: var(--custom-light-green-accent-200); }
.text-light-green-accent-400 { color: var(--custom-light-green-accent-400); }
.text-light-green-accent-700 { color: var(--custom-light-green-accent-700); }

.text-lime-50 { color: var(--custom-lime-50); }
.text-lime-100 { color: var(--custom-lime-100); }
.text-lime-200 { color: var(--custom-lime-200); }
.text-lime-300 { color: var(--custom-lime-300); }
.text-lime-400 { color: var(--custom-lime-400); }
.text-lime-500 { color: var(--custom-lime-500); }
.text-lime-600 { color: var(--custom-lime-600); }
.text-lime-700 { color: var(--custom-lime-700); }
.text-lime-800 { color: var(--custom-lime-800); }
.text-lime-900 { color: var(--custom-lime-900); }
.text-lime-accent-100 { color: var(--custom-lime-accent-100); }
.text-lime-accent-200 { color: var(--custom-lime-accent-200); }
.text-lime-accent-400 { color: var(--custom-lime-accent-400); }
.text-lime-accent-700 { color: var(--custom-lime-accent-700); }

.text-amber-50 { color: var(--custom-amber-50); }
.text-amber-100 { color: var(--custom-amber-100); }
.text-amber-200 { color: var(--custom-amber-200); }
.text-amber-300 { color: var(--custom-amber-300); }
.text-amber-400 { color: var(--custom-amber-400); }
.text-amber-500 { color: var(--custom-amber-500); }
.text-amber-600 { color: var(--custom-amber-600); }
.text-amber-700 { color: var(--custom-amber-700); }
.text-amber-800 { color: var(--custom-amber-800); }
.text-amber-900 { color: var(--custom-amber-900); }
.text-amber-accent-100 { color: var(--custom-amber-accent-100); }
.text-amber-accent-200 { color: var(--custom-amber-accent-200); }
.text-amber-accent-400 { color: var(--custom-amber-accent-400); }
.text-amber-accent-700 { color: var(--custom-amber-accent-700); }

.text-deep-orange-50 { color: var(--custom-deep-orange-50); }
.text-deep-orange-100 { color: var(--custom-deep-orange-100); }
.text-deep-orange-200 { color: var(--custom-deep-orange-200); }
.text-deep-orange-300 { color: var(--custom-deep-orange-300); }
.text-deep-orange-400 { color: var(--custom-deep-orange-400); }
.text-deep-orange-500 { color: var(--custom-deep-orange-500); }
.text-deep-orange-600 { color: var(--custom-deep-orange-600); }
.text-deep-orange-700 { color: var(--custom-deep-orange-700); }
.text-deep-orange-800 { color: var(--custom-deep-orange-800); }
.text-deep-orange-900 { color: var(--custom-deep-orange-900); }
.text-deep-orange-accent-100 { color: var(--custom-deep-orange-accent-100); }
.text-deep-orange-accent-200 { color: var(--custom-deep-orange-accent-200); }
.text-deep-orange-accent-400 { color: var(--custom-deep-orange-accent-400); }
.text-deep-orange-accent-700 { color: var(--custom-deep-orange-accent-700); }

.text-brown-50 { color: var(--custom-brown-50); }
.text-brown-100 { color: var(--custom-brown-100); }
.text-brown-200 { color: var(--custom-brown-200); }
.text-brown-300 { color: var(--custom-brown-300); }
.text-brown-400 { color: var(--custom-brown-400); }
.text-brown-500 { color: var(--custom-brown-500); }
.text-brown-600 { color: var(--custom-brown-600); }
.text-brown-700 { color: var(--custom-brown-700); }
.text-brown-800 { color: var(--custom-brown-800); }
.text-brown-900 { color: var(--custom-brown-900); }

.text-blue-gray-50 { color: var(--custom-blue-gray-50); }
.text-blue-gray-100 { color: var(--custom-blue-gray-100); }
.text-blue-gray-200 { color: var(--custom-blue-gray-200); }
.text-blue-gray-300 { color: var(--custom-blue-gray-300); }
.text-blue-gray-400 { color: var(--custom-blue-gray-400); }
.text-blue-gray-500 { color: var(--custom-blue-gray-500); }
.text-blue-gray-600 { color: var(--custom-blue-gray-600); }
.text-blue-gray-700 { color: var(--custom-blue-gray-700); }
.text-blue-gray-800 { color: var(--custom-blue-gray-800); }
.text-blue-gray-900 { color: var(--custom-blue-gray-900); }

/* /text color */

/* background-color */

.bg-gray-50 { background-color: var(--custom-gray-50); }
.bg-gray-100 { background-color: var(--custom-gray-100); }
.bg-gray-200 { background-color: var(--custom-gray-200); }
.bg-gray-300 { background-color: var(--custom-gray-300); }
.bg-gray-400 { background-color: var(--custom-gray-400); }
.bg-gray-500 { background-color: var(--custom-gray-500); }
.bg-gray-600 { background-color: var(--custom-gray-600); }
.bg-gray-700 { background-color: var(--custom-gray-700); }
.bg-gray-800 { background-color: var(--custom-gray-800); }
.bg-gray-900 { background-color: var(--custom-gray-900); }

.bg-blue-50 { background-color: var(--custom-blue-50); }
.bg-blue-100 { background-color: var(--custom-blue-100); }
.bg-blue-200 { background-color: var(--custom-blue-200); }
.bg-blue-300 { background-color: var(--custom-blue-300); }
.bg-blue-400 { background-color: var(--custom-blue-400); }
.bg-blue-500 { background-color: var(--custom-blue-500); }
.bg-blue-600 { background-color: var(--custom-blue-600); }
.bg-blue-700 { background-color: var(--custom-blue-700); }
.bg-blue-800 { background-color: var(--custom-blue-800); }
.bg-blue-900 { background-color: var(--custom-blue-900); }
.bg-blue-accent-100 { background-color: var(--custom-blue-accent-100); }
.bg-blue-accent-200 { background-color: var(--custom-blue-accent-200); }
.bg-blue-accent-400 { background-color: var(--custom-blue-accent-400); }
.bg-blue-accent-700 { background-color: var(--custom-blue-accent-700); }

.bg-indigo-50 { background-color: var(--custom-indigo-50); }
.bg-indigo-100 { background-color: var(--custom-indigo-100); }
.bg-indigo-200 { background-color: var(--custom-indigo-200); }
.bg-indigo-300 { background-color: var(--custom-indigo-300); }
.bg-indigo-400 { background-color: var(--custom-indigo-400); }
.bg-indigo-500 { background-color: var(--custom-indigo-500); }
.bg-indigo-600 { background-color: var(--custom-indigo-600); }
.bg-indigo-700 { background-color: var(--custom-indigo-700); }
.bg-indigo-800 { background-color: var(--custom-indigo-800); }
.bg-indigo-900 { background-color: var(--custom-indigo-900); }
.bg-indigo-accent-100 { background-color: var(--custom-indigo-accent-100); }
.bg-indigo-accent-200 { background-color: var(--custom-indigo-accent-200); }
.bg-indigo-accent-400 { background-color: var(--custom-indigo-accent-400); }
.bg-indigo-accent-700 { background-color: var(--custom-indigo-accent-700); }

.bg-purple-50 { background-color: var(--custom-purple-50); }
.bg-purple-100 { background-color: var(--custom-purple-100); }
.bg-purple-200 { background-color: var(--custom-purple-200); }
.bg-purple-300 { background-color: var(--custom-purple-300); }
.bg-purple-400 { background-color: var(--custom-purple-400); }
.bg-purple-500 { background-color: var(--custom-purple-500); }
.bg-purple-600 { background-color: var(--custom-purple-600); }
.bg-purple-700 { background-color: var(--custom-purple-700); }
.bg-purple-800 { background-color: var(--custom-purple-800); }
.bg-purple-900 { background-color: var(--custom-purple-900); }
.bg-purple-accent-100 { background-color: var(--custom-purple-accent-100); }
.bg-purple-accent-200 { background-color: var(--custom-purple-accent-200); }
.bg-purple-accent-400 { background-color: var(--custom-purple-accent-400); }
.bg-purple-accent-700 { background-color: var(--custom-purple-accent-700); }

.bg-pink-50 { background-color: var(--custom-pink-50); }
.bg-pink-100 { background-color: var(--custom-pink-100); }
.bg-pink-200 { background-color: var(--custom-pink-200); }
.bg-pink-300 { background-color: var(--custom-pink-300); }
.bg-pink-400 { background-color: var(--custom-pink-400); }
.bg-pink-500 { background-color: var(--custom-pink-500); }
.bg-pink-600 { background-color: var(--custom-pink-600); }
.bg-pink-700 { background-color: var(--custom-pink-700); }
.bg-pink-800 { background-color: var(--custom-pink-800); }
.bg-pink-900 { background-color: var(--custom-pink-900); }
.bg-pink-accent-100 { background-color: var(--custom-pink-accent-100); }
.bg-pink-accent-200 { background-color: var(--custom-pink-accent-200); }
.bg-pink-accent-400 { background-color: var(--custom-pink-accent-400); }
.bg-pink-accent-700 { background-color: var(--custom-pink-accent-700); }

.bg-red-50 { background-color: var(--custom-red-50); }
.bg-red-100 { background-color: var(--custom-red-100); }
.bg-red-200 { background-color: var(--custom-red-200); }
.bg-red-300 { background-color: var(--custom-red-300); }
.bg-red-400 { background-color: var(--custom-red-400); }
.bg-red-500 { background-color: var(--custom-red-500); }
.bg-red-600 { background-color: var(--custom-red-600); }
.bg-red-700 { background-color: var(--custom-red-700); }
.bg-red-800 { background-color: var(--custom-red-800); }
.bg-red-900 { background-color: var(--custom-red-900); }
.bg-red-accent-100 { background-color: var(--custom-red-accent-100); }
.bg-red-accent-200 { background-color: var(--custom-red-accent-200); }
.bg-red-accent-400 { background-color: var(--custom-red-accent-400); }
.bg-red-accent-700 { background-color: var(--custom-red-accent-700); }

.bg-orange-50 { background-color: var(--custom-orange-50); }
.bg-orange-100 { background-color: var(--custom-orange-100); }
.bg-orange-200 { background-color: var(--custom-orange-200); }
.bg-orange-300 { background-color: var(--custom-orange-300); }
.bg-orange-400 { background-color: var(--custom-orange-400); }
.bg-orange-500 { background-color: var(--custom-orange-500); }
.bg-orange-600 { background-color: var(--custom-orange-600); }
.bg-orange-700 { background-color: var(--custom-orange-700); }
.bg-orange-800 { background-color: var(--custom-orange-800); }
.bg-orange-900 { background-color: var(--custom-orange-900); }
.bg-orange-accent-100 { background-color: var(--custom-orange-accent-100); }
.bg-orange-accent-200 { background-color: var(--custom-orange-accent-200); }
.bg-orange-accent-400 { background-color: var(--custom-orange-accent-400); }
.bg-orange-accent-700 { background-color: var(--custom-orange-accent-700); }

.bg-yellow-50 { background-color: var(--custom-yellow-50); }
.bg-yellow-100 { background-color: var(--custom-yellow-100); }
.bg-yellow-200 { background-color: var(--custom-yellow-200); }
.bg-yellow-300 { background-color: var(--custom-yellow-300); }
.bg-yellow-400 { background-color: var(--custom-yellow-400); }
.bg-yellow-500 { background-color: var(--custom-yellow-500); }
.bg-yellow-600 { background-color: var(--custom-yellow-600); }
.bg-yellow-700 { background-color: var(--custom-yellow-700); }
.bg-yellow-800 { background-color: var(--custom-yellow-800); }
.bg-yellow-900 { background-color: var(--custom-yellow-900); }
.bg-yellow-accent-100 { background-color: var(--custom-yellow-accent-100); }
.bg-yellow-accent-200 { background-color: var(--custom-yellow-accent-200); }
.bg-yellow-accent-400 { background-color: var(--custom-yellow-accent-400); }
.bg-yellow-accent-700 { background-color: var(--custom-yellow-accent-700); }

.bg-green-50 { background-color: var(--custom-green-50); }
.bg-green-100 { background-color: var(--custom-green-100); }
.bg-green-200 { background-color: var(--custom-green-200); }
.bg-green-300 { background-color: var(--custom-green-300); }
.bg-green-400 { background-color: var(--custom-green-400); }
.bg-green-500 { background-color: var(--custom-green-500); }
.bg-green-600 { background-color: var(--custom-green-600); }
.bg-green-700 { background-color: var(--custom-green-700); }
.bg-green-800 { background-color: var(--custom-green-800); }
.bg-green-900 { background-color: var(--custom-green-900); }
.bg-green-accent-100 { background-color: var(--custom-green-accent-100); }
.bg-green-accent-200 { background-color: var(--custom-green-accent-200); }
.bg-green-accent-400 { background-color: var(--custom-green-accent-400); }
.bg-green-accent-700 { background-color: var(--custom-green-accent-700); }

.bg-teal-50 { background-color: var(--custom-teal-50); }
.bg-teal-100 { background-color: var(--custom-teal-100); }
.bg-teal-200 { background-color: var(--custom-teal-200); }
.bg-teal-300 { background-color: var(--custom-teal-300); }
.bg-teal-400 { background-color: var(--custom-teal-400); }
.bg-teal-500 { background-color: var(--custom-teal-500); }
.bg-teal-600 { background-color: var(--custom-teal-600); }
.bg-teal-700 { background-color: var(--custom-teal-700); }
.bg-teal-800 { background-color: var(--custom-teal-800); }
.bg-teal-900 { background-color: var(--custom-teal-900); }
.bg-teal-accent-100 { background-color: var(--custom-teal-accent-100); }
.bg-teal-accent-200 { background-color: var(--custom-teal-accent-200); }
.bg-teal-accent-400 { background-color: var(--custom-teal-accent-400); }
.bg-teal-accent-700 { background-color: var(--custom-teal-accent-700); }

.bg-cyan-50 { background-color: var(--custom-cyan-50); }
.bg-cyan-100 { background-color: var(--custom-cyan-100); }
.bg-cyan-200 { background-color: var(--custom-cyan-200); }
.bg-cyan-300 { background-color: var(--custom-cyan-300); }
.bg-cyan-400 { background-color: var(--custom-cyan-400); }
.bg-cyan-500 { background-color: var(--custom-cyan-500); }
.bg-cyan-600 { background-color: var(--custom-cyan-600); }
.bg-cyan-700 { background-color: var(--custom-cyan-700); }
.bg-cyan-800 { background-color: var(--custom-cyan-800); }
.bg-cyan-900 { background-color: var(--custom-cyan-900); }
.bg-cyan-accent-100 { background-color: var(--custom-cyan-accent-100); }
.bg-cyan-accent-200 { background-color: var(--custom-cyan-accent-200); }
.bg-cyan-accent-400 { background-color: var(--custom-cyan-accent-400); }
.bg-cyan-accent-700 { background-color: var(--custom-cyan-accent-700); }

.bg-deep-purple-50 { background-color: var(--custom-deep-purple-50); }
.bg-deep-purple-100 { background-color: var(--custom-deep-purple-100); }
.bg-deep-purple-200 { background-color: var(--custom-deep-purple-200); }
.bg-deep-purple-300 { background-color: var(--custom-deep-purple-300); }
.bg-deep-purple-400 { background-color: var(--custom-deep-purple-400); }
.bg-deep-purple-500 { background-color: var(--custom-deep-purple-500); }
.bg-deep-purple-600 { background-color: var(--custom-deep-purple-600); }
.bg-deep-purple-700 { background-color: var(--custom-deep-purple-700); }
.bg-deep-purple-800 { background-color: var(--custom-deep-purple-800); }
.bg-deep-purple-900 { background-color: var(--custom-deep-purple-900); }
.bg-deep-purple-accent-100 { background-color: var(--custom-deep-purple-accent-100); }
.bg-deep-purple-accent-200 { background-color: var(--custom-deep-purple-accent-200); }
.bg-deep-purple-accent-400 { background-color: var(--custom-deep-purple-accent-400); }
.bg-deep-purple-accent-700 { background-color: var(--custom-deep-purple-accent-700); }

.bg-light-blue-50 { background-color: var(--custom-light-blue-50); }
.bg-light-blue-100 { background-color: var(--custom-light-blue-100); }
.bg-light-blue-200 { background-color: var(--custom-light-blue-200); }
.bg-light-blue-300 { background-color: var(--custom-light-blue-300); }
.bg-light-blue-400 { background-color: var(--custom-light-blue-400); }
.bg-light-blue-500 { background-color: var(--custom-light-blue-500); }
.bg-light-blue-600 { background-color: var(--custom-light-blue-600); }
.bg-light-blue-700 { background-color: var(--custom-light-blue-700); }
.bg-light-blue-800 { background-color: var(--custom-light-blue-800); }
.bg-light-blue-900 { background-color: var(--custom-light-blue-900); }
.bg-light-blue-accent-100 { background-color: var(--custom-light-blue-accent-100); }
.bg-light-blue-accent-200 { background-color: var(--custom-light-blue-accent-200); }
.bg-light-blue-accent-400 { background-color: var(--custom-light-blue-accent-400); }
.bg-light-blue-accent-700 { background-color: var(--custom-light-blue-accent-700); }

.bg-light-green-50 { background-color: var(--custom-light-green-50); }
.bg-light-green-100 { background-color: var(--custom-light-green-100); }
.bg-light-green-200 { background-color: var(--custom-light-green-200); }
.bg-light-green-300 { background-color: var(--custom-light-green-300); }
.bg-light-green-400 { background-color: var(--custom-light-green-400); }
.bg-light-green-500 { background-color: var(--custom-light-green-500); }
.bg-light-green-600 { background-color: var(--custom-light-green-600); }
.bg-light-green-700 { background-color: var(--custom-light-green-700); }
.bg-light-green-800 { background-color: var(--custom-light-green-800); }
.bg-light-green-900 { background-color: var(--custom-light-green-900); }
.bg-light-green-accent-100 { background-color: var(--custom-light-green-accent-100); }
.bg-light-green-accent-200 { background-color: var(--custom-light-green-accent-200); }
.bg-light-green-accent-400 { background-color: var(--custom-light-green-accent-400); }
.bg-light-green-accent-700 { background-color: var(--custom-light-green-accent-700); }

.bg-lime-50 { background-color: var(--custom-lime-50); }
.bg-lime-100 { background-color: var(--custom-lime-100); }
.bg-lime-200 { background-color: var(--custom-lime-200); }
.bg-lime-300 { background-color: var(--custom-lime-300); }
.bg-lime-400 { background-color: var(--custom-lime-400); }
.bg-lime-500 { background-color: var(--custom-lime-500); }
.bg-lime-600 { background-color: var(--custom-lime-600); }
.bg-lime-700 { background-color: var(--custom-lime-700); }
.bg-lime-800 { background-color: var(--custom-lime-800); }
.bg-lime-900 { background-color: var(--custom-lime-900); }
.bg-lime-accent-100 { background-color: var(--custom-lime-accent-100); }
.bg-lime-accent-200 { background-color: var(--custom-lime-accent-200); }
.bg-lime-accent-400 { background-color: var(--custom-lime-accent-400); }
.bg-lime-accent-700 { background-color: var(--custom-lime-accent-700); }

.bg-amber-50 { background-color: var(--custom-amber-50); }
.bg-amber-100 { background-color: var(--custom-amber-100); }
.bg-amber-200 { background-color: var(--custom-amber-200); }
.bg-amber-300 { background-color: var(--custom-amber-300); }
.bg-amber-400 { background-color: var(--custom-amber-400); }
.bg-amber-500 { background-color: var(--custom-amber-500); }
.bg-amber-600 { background-color: var(--custom-amber-600); }
.bg-amber-700 { background-color: var(--custom-amber-700); }
.bg-amber-800 { background-color: var(--custom-amber-800); }
.bg-amber-900 { background-color: var(--custom-amber-900); }
.bg-amber-accent-100 { background-color: var(--custom-amber-accent-100); }
.bg-amber-accent-200 { background-color: var(--custom-amber-accent-200); }
.bg-amber-accent-400 { background-color: var(--custom-amber-accent-400); }
.bg-amber-accent-700 { background-color: var(--custom-amber-accent-700); }

.bg-deep-orange-50 { background-color: var(--custom-deep-orange-50); }
.bg-deep-orange-100 { background-color: var(--custom-deep-orange-100); }
.bg-deep-orange-200 { background-color: var(--custom-deep-orange-200); }
.bg-deep-orange-300 { background-color: var(--custom-deep-orange-300); }
.bg-deep-orange-400 { background-color: var(--custom-deep-orange-400); }
.bg-deep-orange-500 { background-color: var(--custom-deep-orange-500); }
.bg-deep-orange-600 { background-color: var(--custom-deep-orange-600); }
.bg-deep-orange-700 { background-color: var(--custom-deep-orange-700); }
.bg-deep-orange-800 { background-color: var(--custom-deep-orange-800); }
.bg-deep-orange-900 { background-color: var(--custom-deep-orange-900); }
.bg-deep-orange-accent-100 { background-color: var(--custom-deep-orange-accent-100); }
.bg-deep-orange-accent-200 { background-color: var(--custom-deep-orange-accent-200); }
.bg-deep-orange-accent-400 { background-color: var(--custom-deep-orange-accent-400); }
.bg-deep-orange-accent-700 { background-color: var(--custom-deep-orange-accent-700); }

.bg-brown-50 { background-color: var(--custom-brown-50); }
.bg-brown-100 { background-color: var(--custom-brown-100); }
.bg-brown-200 { background-color: var(--custom-brown-200); }
.bg-brown-300 { background-color: var(--custom-brown-300); }
.bg-brown-400 { background-color: var(--custom-brown-400); }
.bg-brown-500 { background-color: var(--custom-brown-500); }
.bg-brown-600 { background-color: var(--custom-brown-600); }
.bg-brown-700 { background-color: var(--custom-brown-700); }
.bg-brown-800 { background-color: var(--custom-brown-800); }
.bg-brown-900 { background-color: var(--custom-brown-900); }

.bg-blue-gray-50 { background-color: var(--custom-blue-gray-50); }
.bg-blue-gray-100 { background-color: var(--custom-blue-gray-100); }
.bg-blue-gray-200 { background-color: var(--custom-blue-gray-200); }
.bg-blue-gray-300 { background-color: var(--custom-blue-gray-300); }
.bg-blue-gray-400 { background-color: var(--custom-blue-gray-400); }
.bg-blue-gray-500 { background-color: var(--custom-blue-gray-500); }
.bg-blue-gray-600 { background-color: var(--custom-blue-gray-600); }
.bg-blue-gray-700 { background-color: var(--custom-blue-gray-700); }
.bg-blue-gray-800 { background-color: var(--custom-blue-gray-800); }
.bg-blue-gray-900 { background-color: var(--custom-blue-gray-900); }

/* /background-color */