/* =========================
   Root Color Variables
   ========================= */
:root {

   /* White */
   --white: #ffffff;

   /* Black */
   --black: #000000;
   --black-100: #f5f5f5;
   --black-200: #e0e0e0;
   --black-300: #bdbdbd;
   --black-400: #9e9e9e;
   --black-500: #757575;
   --black-600: #616161;
   --black-700: #424242;
   --black-800: #212121;
   --black-900: #000000;

   /* Gray */
   --gray: gray;
   --gray-100: #f7fafc;
   --gray-200: #edf2f7;
   --gray-300: #e2e8f0;
   --gray-400: #cbd5e0;
   --gray-500: #a0aec0;
   --gray-600: #718096;
   --gray-700: #4a5568;
   --gray-800: #2d3748;
   --gray-900: #1a202c;

   /* Red */
   --red: red;
   --red-100: #fff5f5;
   --red-200: #fed7d7;
   --red-300: #feb2b2;
   --red-400: #fc8181;
   --red-500: #f56565;
   --red-600: #e53e3e;
   --red-700: #c53030;
   --red-800: #9b2c2c;
   --red-900: #742a2a;

   /* Orange */
   --orange: orange;
   --orange-100: #fffaf0;
   --orange-200: #feebc8;
   --orange-300: #fbd38d;
   --orange-400: #f6ad55;
   --orange-500: #ed8936;
   --orange-600: #dd6b20;
   --orange-700: #c05621;
   --orange-800: #9c4221;
   --orange-900: #7b341e;

   /* Yellow */
   --yellow: yellow;
   --yellow-100: #fffff0;
   --yellow-200: #fefcbf;
   --yellow-300: #faf089;
   --yellow-400: #f6e05e;
   --yellow-500: #ecc94b;
   --yellow-600: #d69e2e;
   --yellow-700: #b7791f;
   --yellow-800: #975a16;
   --yellow-900: #744210;

   /* Green */
   --green: green;
   --green-100: #f0fff4;
   --green-200: #c6f6d5;
   --green-300: #9ae6b4;
   --green-400: #68d391;
   --green-500: #48bb78;
   --green-600: #38a169;
   --green-700: #2f855a;
   --green-800: #276749;
   --green-900: #22543d;

   /* Blue */
   --blue: blue;
   --blue-100: #ebf8ff;
   --blue-200: #bee3f8;
   --blue-300: #90cdf4;
   --blue-400: #63b3ed;
   --blue-500: #4299e1;
   --blue-600: #3182ce;
   --blue-700: #2b6cb0;
   --blue-800: #2c5282;
   --blue-900: #2a4365;

   /* Purple */
   --purple: purple;
   --purple-100: #faf5ff;
   --purple-200: #e9d8fd;
   --purple-300: #d6bcfa;
   --purple-400: #b794f4;
   --purple-500: #9f7aea;
   --purple-600: #805ad5;
   --purple-700: #6b46c1;
   --purple-800: #553c9a;
   --purple-900: #44337a;

   /* Pink */
   --pink: pink;
   --pink-100: #fff5f7;
   --pink-200: #fed7e2;
   --pink-300: #fbb6ce;
   --pink-400: #f687b3;
   --pink-500: #ed64a6;
   --pink-600: #d53f8c;
   --pink-700: #b83280;
   --pink-800: #97266d;
   --pink-900: #702459;

   /* Silver */
   --silver: silver;
   --silver-100: #f9f9fa;
   --silver-200: #ececec;
   --silver-300: #d6d6d6;
   --silver-400: #bfbfbf;
   --silver-500: #a8a8a8;
   --silver-600: #919191;
   --silver-700: #7a7a7a;
   --silver-800: #636363;
   --silver-900: #4c4c4c;
}

/* =========================
   Generic Utility Classes
   ========================= */

[class^="s-bg-"],
[class*=" s-bg-"] {
   background-color: var(--bg-color);
}

[class^="s-bg-striped-"]:nth-child(even),
[class*=" s-bg-striped-"]:nth-child(even){
   background-color: var(--bg-striped-color);
}

[class^="s-text-"],
[class*=" s-text-"] {
   color: var(--text-color);
}

[class^="s-border-"],
[class*=" s-border-"] {
   border: 1px solid var(--border-color);
}

[class^="s-table-border-"],
[class*=" s-table-border-"] {
   border-collapse: collapse;
}

[class^="s-table-border-"] th,
[class*=" s-table-border-"] th,
[class^="s-table-border-"] td,
[class*=" s-table-border-"] td {
   border: 1px solid var(--table-border-color);
}

/* =========================
   Pure Color Utilities
   ========================= */
.s-bg-white { --bg-color: var(--white); }
.s-bg-striped-white { --bg-striped-color: var(--white); }
.s-text-white { --text-color: var(--white); }
.s-border-white { --border-color: var(--white); }
.s-table-border-white { --table-border-color: var(--white); }

.s-bg-black { --bg-color: var(--black); }
.s-bg-striped-black { --bg-striped-color: var(--black); }
.s-text-black { --text-color: var(--black); }
.s-border-black { --border-color: var(--black); }
.s-table-border-black { --table-border-color: var(--black); }

.s-bg-gray { --bg-color: var(--gray); }
.s-bg-striped-gray { --bg-striped-color: var(--gray); }
.s-text-gray { --text-color: var(--gray); }
.s-border-gray { --border-color: var(--gray); }
.s-table-border-gray { --table-border-color: var(--gray); }

.s-bg-red { --bg-color: var(--red); }
.s-bg-striped-red { --bg-striped-color: var(--red); }
.s-text-red { --text-color: var(--red); }
.s-border-red { --border-color: var(--red); }
.s-table-border-red { --table-border-color: var(--red); }

.s-bg-orange { --bg-color: var(--orange); }
.s-bg-striped-orange { --bg-striped-color: var(--orange); }
.s-text-orange { --text-color: var(--orange); }
.s-border-orange { --border-color: var(--orange); }
.s-table-border-orange { --table-border-color: var(--orange); }

.s-bg-yellow { --bg-color: var(--yellow); }
.s-bg-striped-yellow { --bg-striped-color: var(--yellow); }
.s-text-yellow { --text-color: var(--yellow); }
.s-border-yellow { --border-color: var(--yellow); }
.s-table-border-yellow { --table-border-color: var(--yellow); }

.s-bg-green { --bg-color: var(--green); }
.s-bg-striped-green { --bg-striped-color: var(--green); }
.s-text-green { --text-color: var(--green); }
.s-border-green { --border-color: var(--green); }
.s-table-border-green { --table-border-color: var(--green); }

.s-bg-blue { --bg-color: var(--blue); }
.s-bg-striped-blue { --bg-striped-color: var(--blue); }
.s-text-blue { --text-color: var(--blue); }
.s-border-blue { --border-color: var(--blue); }
.s-table-border-blue { --table-border-color: var(--blue); }

.s-bg-purple { --bg-color: var(--purple); }
.s-bg-striped-purple { --bg-striped-color: var(--purple); }
.s-text-purple { --text-color: var(--purple); }
.s-border-purple { --border-color: var(--purple); }
.s-table-border-purple { --table-border-color: var(--purple); }

.s-bg-pink { --bg-color: var(--pink); }
.s-bg-striped-pink { --bg-striped-color: var(--pink); }
.s-text-pink { --text-color: var(--pink); }
.s-border-pink { --border-color: var(--pink); }
.s-table-border-pink { --table-border-color: var(--pink); }

.s-bg-silver { --bg-color: var(--silver); }
.s-bg-striped-silver { --bg-striped-color: var(--silver); }
.s-text-silver { --text-color: var(--silver); }
.s-border-silver { --border-color: var(--silver); }
.s-table-border-silver { --table-border-color: var(--silver); }

/* =========================
   Shade Utilities
   ========================= */
/* Black */
.s-bg-black-100 { --bg-color: var(--black-100); }
.s-bg-striped-black-100 { --bg-striped-color: var(--black-100); }

.s-bg-black-200 { --bg-color: var(--black-200); }
.s-bg-striped-black-200 { --bg-striped-color: var(--black-200); }

.s-bg-black-300 { --bg-color: var(--black-300); }
.s-bg-striped-black-300 { --bg-striped-color: var(--black-300); }

.s-bg-black-400 { --bg-color: var(--black-400); }
.s-bg-striped-black-400 { --bg-striped-color: var(--black-400); }

.s-bg-black-500 { --bg-color: var(--black-500); }
.s-bg-striped-black-500 { --bg-striped-color: var(--black-500); }

.s-bg-black-600 { --bg-color: var(--black-600); }
.s-bg-striped-black-600 { --bg-striped-color: var(--black-600); }

.s-bg-black-700 { --bg-color: var(--black-700); }
.s-bg-striped-black-700 { --bg-striped-color: var(--black-700); }

.s-bg-black-800 { --bg-color: var(--black-800); }
.s-bg-striped-black-800 { --bg-striped-color: var(--black-800); }

.s-bg-black-900 { --bg-color: var(--black-900); }
.s-bg-striped-black-900 { --bg-striped-color: var(--black-900); }


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

.s-border-black-100 { --border-color: var(--black-100); }
.s-border-black-200 { --border-color: var(--black-200); }
.s-border-black-300 { --border-color: var(--black-300); }
.s-border-black-400 { --border-color: var(--black-400); }
.s-border-black-500 { --border-color: var(--black-500); }
.s-border-black-600 { --border-color: var(--black-600); }
.s-border-black-700 { --border-color: var(--black-700); }
.s-border-black-800 { --border-color: var(--black-800); }
.s-border-black-900 { --border-color: var(--black-900); }

.s-table-border-black-100 { --table-border-color: var(--black-100); }
.s-table-border-black-200 { --table-border-color: var(--black-200); }
.s-table-border-black-300 { --table-border-color: var(--black-300); }
.s-table-border-black-400 { --table-border-color: var(--black-400); }
.s-table-border-black-500 { --table-border-color: var(--black-500); }
.s-table-border-black-600 { --table-border-color: var(--black-600); }
.s-table-border-black-700 { --table-border-color: var(--black-700); }
.s-table-border-black-800 { --table-border-color: var(--black-800); }
.s-table-border-black-900 { --table-border-color: var(--black-900); }


/* Gray */
.s-bg-gray-100 { --bg-color: var(--gray-100); }
.s-bg-striped-gray-100 { --bg-striped-color: var(--gray-100); }

.s-bg-gray-200 { --bg-color: var(--gray-200); }
.s-bg-striped-gray-200 { --bg-striped-color: var(--gray-200); }

.s-bg-gray-300 { --bg-color: var(--gray-300); }
.s-bg-striped-gray-300 { --bg-striped-color: var(--gray-300); }

.s-bg-gray-400 { --bg-color: var(--gray-400); }
.s-bg-striped-gray-400 { --bg-striped-color: var(--gray-400); }

.s-bg-gray-500 { --bg-color: var(--gray-500); }
.s-bg-striped-gray-500 { --bg-striped-color: var(--gray-500); }

.s-bg-gray-600 { --bg-color: var(--gray-600); }
.s-bg-striped-gray-600 { --bg-striped-color: var(--gray-600); }

.s-bg-gray-700 { --bg-color: var(--gray-700); }
.s-bg-striped-gray-700 { --bg-striped-color: var(--gray-700); }

.s-bg-gray-800 { --bg-color: var(--gray-800); }
.s-bg-striped-gray-800 { --bg-striped-color: var(--gray-800); }

.s-bg-gray-900 { --bg-color: var(--gray-900); }
.s-bg-striped-gray-900 { --bg-striped-color: var(--gray-900); }


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

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

.s-table-border-gray-100 { --table-border-color: var(--gray-100); }
.s-table-border-gray-200 { --table-border-color: var(--gray-200); }
.s-table-border-gray-300 { --table-border-color: var(--gray-300); }
.s-table-border-gray-400 { --table-border-color: var(--gray-400); }
.s-table-border-gray-500 { --table-border-color: var(--gray-500); }
.s-table-border-gray-600 { --table-border-color: var(--gray-600); }
.s-table-border-gray-700 { --table-border-color: var(--gray-700); }
.s-table-border-gray-800 { --table-border-color: var(--gray-800); }
.s-table-border-gray-900 { --table-border-color: var(--gray-900); }

/* Red */
.s-bg-red-100 { --bg-color: var(--red-100); }
.s-bg-striped-red-100 { --bg-striped-color: var(--red-100); }

.s-bg-red-200 { --bg-color: var(--red-200); }
.s-bg-striped-red-200 { --bg-striped-color: var(--red-200); }

.s-bg-red-300 { --bg-color: var(--red-300); }
.s-bg-striped-red-300 { --bg-striped-color: var(--red-300); }

.s-bg-red-400 { --bg-color: var(--red-400); }
.s-bg-striped-red-400 { --bg-striped-color: var(--red-400); }

.s-bg-red-500 { --bg-color: var(--red-500); }
.s-bg-striped-red-500 { --bg-striped-color: var(--red-500); }

.s-bg-red-600 { --bg-color: var(--red-600); }
.s-bg-striped-red-600 { --bg-striped-color: var(--red-600); }

.s-bg-red-700 { --bg-color: var(--red-700); }
.s-bg-striped-red-700 { --bg-striped-color: var(--red-700); }

.s-bg-red-800 { --bg-color: var(--red-800); }
.s-bg-striped-red-800 { --bg-striped-color: var(--red-800); }

.s-bg-red-900 { --bg-color: var(--red-900); }
.s-bg-striped-red-900 { --bg-striped-color: var(--red-900); }


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

.s-border-red-100 { --border-color: var(--red-100); }
.s-border-red-200 { --border-color: var(--red-200); }
.s-border-red-300 { --border-color: var(--red-300); }
.s-border-red-400 { --border-color: var(--red-400); }
.s-border-red-500 { --border-color: var(--red-500); }
.s-border-red-600 { --border-color: var(--red-600); }
.s-border-red-700 { --border-color: var(--red-700); }
.s-border-red-800 { --border-color: var(--red-800); }
.s-border-red-900 { --border-color: var(--red-900); }

.s-table-border-red-100 { --table-border-color: var(--red-100); }
.s-table-border-red-200 { --table-border-color: var(--red-200); }
.s-table-border-red-300 { --table-border-color: var(--red-300); }
.s-table-border-red-400 { --table-border-color: var(--red-400); }
.s-table-border-red-500 { --table-border-color: var(--red-500); }
.s-table-border-red-600 { --table-border-color: var(--red-600); }
.s-table-border-red-700 { --table-border-color: var(--red-700); }
.s-table-border-red-800 { --table-border-color: var(--red-800); }
.s-table-border-red-900 { --table-border-color: var(--red-900); }

/* Orange */
.s-bg-orange-100 { --bg-color: var(--orange-100); }
.s-bg-striped-orange-100 { --bg-striped-color: var(--orange-100); }

.s-bg-orange-200 { --bg-color: var(--orange-200); }
.s-bg-striped-orange-200 { --bg-striped-color: var(--orange-200); }

.s-bg-orange-300 { --bg-color: var(--orange-300); }
.s-bg-striped-orange-300 { --bg-striped-color: var(--orange-300); }

.s-bg-orange-400 { --bg-color: var(--orange-400); }
.s-bg-striped-orange-400 { --bg-striped-color: var(--orange-400); }

.s-bg-orange-500 { --bg-color: var(--orange-500); }
.s-bg-striped-orange-500 { --bg-striped-color: var(--orange-500); }

.s-bg-orange-600 { --bg-color: var(--orange-600); }
.s-bg-striped-orange-600 { --bg-striped-color: var(--orange-600); }

.s-bg-orange-700 { --bg-color: var(--orange-700); }
.s-bg-striped-orange-700 { --bg-striped-color: var(--orange-700); }

.s-bg-orange-800 { --bg-color: var(--orange-800); }
.s-bg-striped-orange-800 { --bg-striped-color: var(--orange-800); }

.s-bg-orange-900 { --bg-color: var(--orange-900); }
.s-bg-striped-orange-900 { --bg-striped-color: var(--orange-900); }


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

.s-border-orange-100 { --border-color: var(--orange-100); }
.s-border-orange-200 { --border-color: var(--orange-200); }
.s-border-orange-300 { --border-color: var(--orange-300); }
.s-border-orange-400 { --border-color: var(--orange-400); }
.s-border-orange-500 { --border-color: var(--orange-500); }
.s-border-orange-600 { --border-color: var(--orange-600); }
.s-border-orange-700 { --border-color: var(--orange-700); }
.s-border-orange-800 { --border-color: var(--orange-800); }
.s-border-orange-900 { --border-color: var(--orange-900); }

.s-table-border-orange-100 { --table-border-color: var(--orange-100); }
.s-table-border-orange-200 { --table-border-color: var(--orange-200); }
.s-table-border-orange-300 { --table-border-color: var(--orange-300); }
.s-table-border-orange-400 { --table-border-color: var(--orange-400); }
.s-table-border-orange-500 { --table-border-color: var(--orange-500); }
.s-table-border-orange-600 { --table-border-color: var(--orange-600); }
.s-table-border-orange-700 { --table-border-color: var(--orange-700); }
.s-table-border-orange-800 { --table-border-color: var(--orange-800); }
.s-table-border-orange-900 { --table-border-color: var(--orange-900); }

/* Yellow */
.s-bg-yellow-100 { --bg-color: var(--yellow-100); }
.s-bg-striped-yellow-100 { --bg-striped-color: var(--yellow-100); }

.s-bg-yellow-200 { --bg-color: var(--yellow-200); }
.s-bg-striped-yellow-200 { --bg-striped-color: var(--yellow-200); }

.s-bg-yellow-300 { --bg-color: var(--yellow-300); }
.s-bg-striped-yellow-300 { --bg-striped-color: var(--yellow-300); }

.s-bg-yellow-400 { --bg-color: var(--yellow-400); }
.s-bg-striped-yellow-400 { --bg-striped-color: var(--yellow-400); }

.s-bg-yellow-500 { --bg-color: var(--yellow-500); }
.s-bg-striped-yellow-500 { --bg-striped-color: var(--yellow-500); }

.s-bg-yellow-600 { --bg-color: var(--yellow-600); }
.s-bg-striped-yellow-600 { --bg-striped-color: var(--yellow-600); }

.s-bg-yellow-700 { --bg-color: var(--yellow-700); }
.s-bg-striped-yellow-700 { --bg-striped-color: var(--yellow-700); }

.s-bg-yellow-800 { --bg-color: var(--yellow-800); }
.s-bg-striped-yellow-800 { --bg-striped-color: var(--yellow-800); }

.s-bg-yellow-900 { --bg-color: var(--yellow-900); }
.s-bg-striped-yellow-900 { --bg-striped-color: var(--yellow-900); }


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

.s-border-yellow-100 { --border-color: var(--yellow-100); }
.s-border-yellow-200 { --border-color: var(--yellow-200); }
.s-border-yellow-300 { --border-color: var(--yellow-300); }
.s-border-yellow-400 { --border-color: var(--yellow-400); }
.s-border-yellow-500 { --border-color: var(--yellow-500); }
.s-border-yellow-600 { --border-color: var(--yellow-600); }
.s-border-yellow-700 { --border-color: var(--yellow-700); }
.s-border-yellow-800 { --border-color: var(--yellow-800); }
.s-border-yellow-900 { --border-color: var(--yellow-900); }

.s-table-border-yellow-100 { --table-border-color: var(--yellow-100); }
.s-table-border-yellow-200 { --table-border-color: var(--yellow-200); }
.s-table-border-yellow-300 { --table-border-color: var(--yellow-300); }
.s-table-border-yellow-400 { --table-border-color: var(--yellow-400); }
.s-table-border-yellow-500 { --table-border-color: var(--yellow-500); }
.s-table-border-yellow-600 { --table-border-color: var(--yellow-600); }
.s-table-border-yellow-700 { --table-border-color: var(--yellow-700); }
.s-table-border-yellow-800 { --table-border-color: var(--yellow-800); }
.s-table-border-yellow-900 { --table-border-color: var(--yellow-900); }

/* Green */
.s-bg-green-100 { --bg-color: var(--green-100); }
.s-bg-striped-green-100 { --bg-striped-color: var(--green-100); }

.s-bg-green-200 { --bg-color: var(--green-200); }
.s-bg-striped-green-200 { --bg-striped-color: var(--green-200); }

.s-bg-green-300 { --bg-color: var(--green-300); }
.s-bg-striped-green-300 { --bg-striped-color: var(--green-300); }

.s-bg-green-400 { --bg-color: var(--green-400); }
.s-bg-striped-green-400 { --bg-striped-color: var(--green-400); }

.s-bg-green-500 { --bg-color: var(--green-500); }
.s-bg-striped-green-500 { --bg-striped-color: var(--green-500); }

.s-bg-green-600 { --bg-color: var(--green-600); }
.s-bg-striped-green-600 { --bg-striped-color: var(--green-600); }

.s-bg-green-700 { --bg-color: var(--green-700); }
.s-bg-striped-green-700 { --bg-striped-color: var(--green-700); }

.s-bg-green-800 { --bg-color: var(--green-800); }
.s-bg-striped-green-800 { --bg-striped-color: var(--green-800); }

.s-bg-green-900 { --bg-color: var(--green-900); }
.s-bg-striped-green-900 { --bg-striped-color: var(--green-900); }


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

.s-border-green-100 { --border-color: var(--green-100); }
.s-border-green-200 { --border-color: var(--green-200); }
.s-border-green-300 { --border-color: var(--green-300); }
.s-border-green-400 { --border-color: var(--green-400); }
.s-border-green-500 { --border-color: var(--green-500); }
.s-border-green-600 { --border-color: var(--green-600); }
.s-border-green-700 { --border-color: var(--green-700); }
.s-border-green-800 { --border-color: var(--green-800); }
.s-border-green-900 { --border-color: var(--green-900); }

.s-table-border-green-100 { --table-border-color: var(--green-100); }
.s-table-border-green-200 { --table-border-color: var(--green-200); }
.s-table-border-green-300 { --table-border-color: var(--green-300); }
.s-table-border-green-400 { --table-border-color: var(--green-400); }
.s-table-border-green-500 { --table-border-color: var(--green-500); }
.s-table-border-green-600 { --table-border-color: var(--green-600); }
.s-table-border-green-700 { --table-border-color: var(--green-700); }
.s-table-border-green-800 { --table-border-color: var(--green-800); }
.s-table-border-green-900 { --table-border-color: var(--green-900); }

/* Blue */
.s-bg-blue-100 { --bg-color: var(--blue-100); }
.s-bg-striped-blue-100 { --bg-striped-color: var(--blue-100); }

.s-bg-blue-200 { --bg-color: var(--blue-200); }
.s-bg-striped-blue-200 { --bg-striped-color: var(--blue-200); }

.s-bg-blue-300 { --bg-color: var(--blue-300); }
.s-bg-striped-blue-300 { --bg-striped-color: var(--blue-300); }

.s-bg-blue-400 { --bg-color: var(--blue-400); }
.s-bg-striped-blue-400 { --bg-striped-color: var(--blue-400); }

.s-bg-blue-500 { --bg-color: var(--blue-500); }
.s-bg-striped-blue-500 { --bg-striped-color: var(--blue-500); }

.s-bg-blue-600 { --bg-color: var(--blue-600); }
.s-bg-striped-blue-600 { --bg-striped-color: var(--blue-600); }

.s-bg-blue-700 { --bg-color: var(--blue-700); }
.s-bg-striped-blue-700 { --bg-striped-color: var(--blue-700); }

.s-bg-blue-800 { --bg-color: var(--blue-800); }
.s-bg-striped-blue-800 { --bg-striped-color: var(--blue-800); }

.s-bg-blue-900 { --bg-color: var(--blue-900); }
.s-bg-striped-blue-900 { --bg-striped-color: var(--blue-900); }


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

.s-border-blue-100 { --border-color: var(--blue-100); }
.s-border-blue-200 { --border-color: var(--blue-200); }
.s-border-blue-300 { --border-color: var(--blue-300); }
.s-border-blue-400 { --border-color: var(--blue-400); }
.s-border-blue-500 { --border-color: var(--blue-500); }
.s-border-blue-600 { --border-color: var(--blue-600); }
.s-border-blue-700 { --border-color: var(--blue-700); }
.s-border-blue-800 { --border-color: var(--blue-800); }
.s-border-blue-900 { --border-color: var(--blue-900); }

.s-table-border-blue-100 { --table-border-color: var(--blue-100); }
.s-table-border-blue-200 { --table-border-color: var(--blue-200); }
.s-table-border-blue-300 { --table-border-color: var(--blue-300); }
.s-table-border-blue-400 { --table-border-color: var(--blue-400); }
.s-table-border-blue-500 { --table-border-color: var(--blue-500); }
.s-table-border-blue-600 { --table-border-color: var(--blue-600); }
.s-table-border-blue-700 { --table-border-color: var(--blue-700); }
.s-table-border-blue-800 { --table-border-color: var(--blue-800); }
.s-table-border-blue-900 { --table-border-color: var(--blue-900); }

/* Purple */
.s-bg-purple-100 { --bg-color: var(--purple-100); }
.s-bg-striped-purple-100 { --bg-striped-color: var(--purple-100); }

.s-bg-purple-200 { --bg-color: var(--purple-200); }
.s-bg-striped-purple-200 { --bg-striped-color: var(--purple-200); }

.s-bg-purple-300 { --bg-color: var(--purple-300); }
.s-bg-striped-purple-300 { --bg-striped-color: var(--purple-300); }

.s-bg-purple-400 { --bg-color: var(--purple-400); }
.s-bg-striped-purple-400 { --bg-striped-color: var(--purple-400); }

.s-bg-purple-500 { --bg-color: var(--purple-500); }
.s-bg-striped-purple-500 { --bg-striped-color: var(--purple-500); }

.s-bg-purple-600 { --bg-color: var(--purple-600); }
.s-bg-striped-purple-600 { --bg-striped-color: var(--purple-600); }

.s-bg-purple-700 { --bg-color: var(--purple-700); }
.s-bg-striped-purple-700 { --bg-striped-color: var(--purple-700); }

.s-bg-purple-800 { --bg-color: var(--purple-800); }
.s-bg-striped-purple-800 { --bg-striped-color: var(--purple-800); }

.s-bg-purple-900 { --bg-color: var(--purple-900); }
.s-bg-striped-purple-900 { --bg-striped-color: var(--purple-900); }


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

.s-border-purple-100 { --border-color: var(--purple-100); }
.s-border-purple-200 { --border-color: var(--purple-200); }
.s-border-purple-300 { --border-color: var(--purple-300); }
.s-border-purple-400 { --border-color: var(--purple-400); }
.s-border-purple-500 { --border-color: var(--purple-500); }
.s-border-purple-600 { --border-color: var(--purple-600); }
.s-border-purple-700 { --border-color: var(--purple-700); }
.s-border-purple-800 { --border-color: var(--purple-800); }
.s-border-purple-900 { --border-color: var(--purple-900); }

.s-table-border-purple-100 { --table-border-color: var(--purple-100); }
.s-table-border-purple-200 { --table-border-color: var(--purple-200); }
.s-table-border-purple-300 { --table-border-color: var(--purple-300); }
.s-table-border-purple-400 { --table-border-color: var(--purple-400); }
.s-table-border-purple-500 { --table-border-color: var(--purple-500); }
.s-table-border-purple-600 { --table-border-color: var(--purple-600); }
.s-table-border-purple-700 { --table-border-color: var(--purple-700); }
.s-table-border-purple-800 { --table-border-color: var(--purple-800); }
.s-table-border-purple-900 { --table-border-color: var(--purple-900); }

/* Pink */
.s-bg-pink-100 { --bg-color: var(--pink-100); }
.s-bg-striped-pink-100 { --bg-striped-color: var(--pink-100); }

.s-bg-pink-200 { --bg-color: var(--pink-200); }
.s-bg-striped-pink-200 { --bg-striped-color: var(--pink-200); }

.s-bg-pink-300 { --bg-color: var(--pink-300); }
.s-bg-striped-pink-300 { --bg-striped-color: var(--pink-300); }

.s-bg-pink-400 { --bg-color: var(--pink-400); }
.s-bg-striped-pink-400 { --bg-striped-color: var(--pink-400); }

.s-bg-pink-500 { --bg-color: var(--pink-500); }
.s-bg-striped-pink-500 { --bg-striped-color: var(--pink-500); }

.s-bg-pink-600 { --bg-color: var(--pink-600); }
.s-bg-striped-pink-600 { --bg-striped-color: var(--pink-600); }

.s-bg-pink-700 { --bg-color: var(--pink-700); }
.s-bg-striped-pink-700 { --bg-striped-color: var(--pink-700); }

.s-bg-pink-800 { --bg-color: var(--pink-800); }
.s-bg-striped-pink-800 { --bg-striped-color: var(--pink-800); }

.s-bg-pink-900 { --bg-color: var(--pink-900); }
.s-bg-striped-pink-900 { --bg-striped-color: var(--pink-900); }


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

.s-border-pink-100 { --border-color: var(--pink-100); }
.s-border-pink-200 { --border-color: var(--pink-200); }
.s-border-pink-300 { --border-color: var(--pink-300); }
.s-border-pink-400 { --border-color: var(--pink-400); }
.s-border-pink-500 { --border-color: var(--pink-500); }
.s-border-pink-600 { --border-color: var(--pink-600); }
.s-border-pink-700 { --border-color: var(--pink-700); }
.s-border-pink-800 { --border-color: var(--pink-800); }
.s-border-pink-900 { --border-color: var(--pink-900); }

.s-table-border-pink-100 { --table-border-color: var(--pink-100); }
.s-table-border-pink-200 { --table-border-color: var(--pink-200); }
.s-table-border-pink-300 { --table-border-color: var(--pink-300); }
.s-table-border-pink-400 { --table-border-color: var(--pink-400); }
.s-table-border-pink-500 { --table-border-color: var(--pink-500); }
.s-table-border-pink-600 { --table-border-color: var(--pink-600); }
.s-table-border-pink-700 { --table-border-color: var(--pink-700); }
.s-table-border-pink-800 { --table-border-color: var(--pink-800); }
.s-table-border-pink-900 { --table-border-color: var(--pink-900); }

/* Silver */
.s-bg-silver-100 { --bg-color: var(--silver-100); }
.s-bg-striped-silver-100 { --bg-striped-color: var(--silver-100); }

.s-bg-silver-200 { --bg-color: var(--silver-200); }
.s-bg-striped-silver-200 { --bg-striped-color: var(--silver-200); }

.s-bg-silver-300 { --bg-color: var(--silver-300); }
.s-bg-striped-silver-300 { --bg-striped-color: var(--silver-300); }

.s-bg-silver-400 { --bg-color: var(--silver-400); }
.s-bg-striped-silver-400 { --bg-striped-color: var(--silver-400); }

.s-bg-silver-500 { --bg-color: var(--silver-500); }
.s-bg-striped-silver-500 { --bg-striped-color: var(--silver-500); }

.s-bg-silver-600 { --bg-color: var(--silver-600); }
.s-bg-striped-silver-600 { --bg-striped-color: var(--silver-600); }

.s-bg-silver-700 { --bg-color: var(--silver-700); }
.s-bg-striped-silver-700 { --bg-striped-color: var(--silver-700); }

.s-bg-silver-800 { --bg-color: var(--silver-800); }
.s-bg-striped-silver-800 { --bg-striped-color: var(--silver-800); }

.s-bg-silver-900 { --bg-color: var(--silver-900); }
.s-bg-striped-silver-900 { --bg-striped-color: var(--silver-900); }


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

.s-border-silver-100 { --border-color: var(--silver-100); }
.s-border-silver-200 { --border-color: var(--silver-200); }
.s-border-silver-300 { --border-color: var(--silver-300); }
.s-border-silver-400 { --border-color: var(--silver-400); }
.s-border-silver-500 { --border-color: var(--silver-500); }
.s-border-silver-600 { --border-color: var(--silver-600); }
.s-border-silver-700 { --border-color: var(--silver-700); }
.s-border-silver-800 { --border-color: var(--silver-800); }
.s-border-silver-900 { --border-color: var(--silver-900); }

.s-table-border-silver-100 { --table-border-color: var(--silver-100); }
.s-table-border-silver-200 { --table-border-color: var(--silver-200); }
.s-table-border-silver-300 { --table-border-color: var(--silver-300); }
.s-table-border-silver-400 { --table-border-color: var(--silver-400); }
.s-table-border-silver-500 { --table-border-color: var(--silver-500); }
.s-table-border-silver-600 { --table-border-color: var(--silver-600); }
.s-table-border-silver-700 { --table-border-color: var(--silver-700); }
.s-table-border-silver-800 { --table-border-color: var(--silver-800); }
.s-table-border-silver-900 { --table-border-color: var(--silver-900); }