// // DEFAULT ROOTS

// :root {
//   // BASIC COLORS
//   --white: #ffffff;
//   --black: #000000;
//   --red: #ff0000;
//   --green: #00ff00;
//   --blue: #0000ff;
//   --yellow: #ffff00;
//   --cyan: #00ffff;
//   --magenta: #ff00ff;
//   --gray: #808080; /* Standard Gray */
//   --light-gray: #d3d3d3; /* Light Gray */
//   --dark-gray: #a9a9a9; /* Dark Gray */
  
//   --dark: #a9a9a9; /* Base Dark */
//   --light-dark: #c0c0c0; /* Light Dark (Closer to Gray) */
//   --dark-dark: #707070; /* Dark Dark (Closer to Black) */

//   --dark-slate-gray: #2f4f4f;
//   --dark-blue: #00008b;
//   --dark-green: #006400;
//   --dark-red: #8b0000;
//   --dark-cyan: #008b8b;
//   --dark-magenta: #8b008b;
//   --dark-goldenrod: #b8860b;
//   --very-dark-gray: #1c1c1c;
//   --off-black: #101010;

//   --silver: #c0c0c0;
//   --maroon: #800000;
//   --olive: #808000;
//   --lime: #00ff00;
//   --teal: #008080;
//   --navy: #000080;
//   --purple: #800080;
//   --aqua: #00ffff;
//   --fuchsia: #ff00ff;
//   --orange: #ffa500;
//   --brown: #a52a2a;
//   --pink: #ffc0cb;
//   --gold: #ffd700;
//   --beige: #f5f5dc;
//   --ivory: #fffff0;
//   --lavender: #e6e6fa;
//   --turquoise: #40e0d0;
//   --peach: #ffdab9;
//   --coral: #ff7f50;
//   --crimson: #dc143c;
//   --khaki: #f0e68c;
//   --salmon: #fa8072;
//   --plum: #dda0dd;
//   --orchid: #da70d6;
//   --chocolate: #d2691e;
//   --tan: #d2b48c;
//   --sienna: #a0522d;
//   --indigo: #4b0082;
//   --limegreen: #32cd32;
//   --forestgreen: #228b22;
//   --darkgreen: #006400;
//   --midnightblue: #191970;
//   --dodgerblue: #1e90ff;
//   --slategray: #708090;
//   --rosybrown: #bc8f8f;
//   --firebrick: #b22222;
//   --tomato: #ff6347;
//   --seagreen: #2e8b57;
//   --palegoldenrod: #eee8aa;
//   --darkorange: #ff8c00;
//   --lightcoral: #f08080;
//   --deeppink: #ff1493;
//   --hotpink: #ff69b4;
//   --lightseagreen: #20b2aa;
//   --royalblue: #4169e1;
//   --peru: #cd853f;
//   --slateblue: #6a5acd;
//   --springgreen: #00ff7f;
//   --steelblue: #4682b4;
//   --darkslategray: #2f4f4f;
//   --palevioletred: #db7093;
//   --goldenrod: #daa520;
//   --violet: #ee82ee;
//   --lightpink: #ffb6c1;

//   // VARIENTS

//   /* Grays */
//   --gray-100: #f8f9fa;
//   --gray-200: #e9ecef;
//   --gray-300: #dee2e6;
//   --gray-400: #ced4da;
//   --gray-500: #adb5bd;
//   --gray-600: #6c757d;
//   --gray-700: #495057;
//   --gray-800: #343a40;
//   --gray-900: #212529;

//   /* Reds */
//   --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;

//   /* Oranges */
//   --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;

//   /* Yellows */
//   --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;

//   /* Greens */
//   --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;

//   /* Teals */
//   --teal-100: #e6fffa;
//   --teal-200: #b2f5ea;
//   --teal-300: #81e6d9;
//   --teal-400: #4fd1c5;
//   --teal-500: #38b2ac;
//   --teal-600: #319795;
//   --teal-700: #2c7a7b;
//   --teal-800: #285e61;
//   --teal-900: #234e52;

//   /* Blues */
//   --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;

//   /* Indigos */
//   --indigo-100: #ebf4ff;
//   --indigo-200: #c3dafe;
//   --indigo-300: #a3bffa;
//   --indigo-400: #7f9cf5;
//   --indigo-500: #667eea;
//   --indigo-600: #5a67d8;
//   --indigo-700: #4c51bf;
//   --indigo-800: #434190;
//   --indigo-900: #3c366b;

//   /* Purples */
//   --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;

//   /* Pinks */
//   --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;
//   /* Browns */
//   --brown-100: #efebe9;
//   --brown-200: #d7ccc8;
//   --brown-300: #bcaaa4;
//   --brown-400: #a1887f;
//   --brown-500: #8d6e63;
//   --brown-600: #795548;
//   --brown-700: #6d4c41;
//   --brown-800: #5d4037;
//   --brown-900: #4e342e;

//   /* Metallics (Gold, Silver, Bronze) */
//   --gold-100: #fff7e0;
//   --gold-200: #ffeb99;
//   --gold-300: #ffdf80;
//   --gold-400: #ffd740;
//   --gold-500: #ffc400;
//   --gold-600: #ffab00;
//   --gold-700: #ff8f00;
//   --gold-800: #ff6f00;
//   --gold-900: #e65100;

//   --silver-100: #f5f7fa;
//   --silver-200: #e0e3e7;
//   --silver-300: #c5cbd5;
//   --silver-400: #a0a8b1;
//   --silver-500: #7d8790;
//   --silver-600: #666f77;
//   --silver-700: #4f555d;
//   --silver-800: #393f46;
//   --silver-900: #23272c;

//   --bronze-100: #f8f1e7;
//   --bronze-200: #e5cba3;
//   --bronze-300: #d4aa5f;
//   --bronze-400: #bb8429;
//   --bronze-500: #ad6d1f;
//   --bronze-600: #8e5415;
//   --bronze-700: #75440f;
//   --bronze-800: #5c360b;
//   --bronze-900: #402707;

//   /* Neons */
//   --neon-green: #39ff14;
//   --neon-pink: #ff6ec7;
//   --neon-blue: #1b03a3;
//   --neon-yellow: #f4f13b;
//   --neon-orange: #ff7300;

//   /* Pastels */
//   --pastel-blue: #aec6cf;
//   --pastel-green: #77dd77;
//   --pastel-pink: #ffb6c1;
//   --pastel-purple: #cbaacb;
//   --pastel-yellow: #fdfd96;

//   /* Warm Neutrals */
//   --beige: #f5f5dc;
//   --ivory: #fffff0;
//   --linen: #faf0e6;
//   --champagne: #f7e7ce;
//   --peach: #ffe5b4;

//   /* Cool Neutrals */
//   --slate-gray: #708090;
//   --charcoal: #36454f;
//   --cool-gray: #8c92ac;
//   --steel-blue: #4682b4;
//   --dusty-blue: #9eb3c7;

//   /* Jewel Tones */
//   --ruby: #e0115f;
//   --sapphire: #0f52ba;
//   --emerald: #50c878;
//   --amethyst: #9966cc;
//   --topaz: #ffc87c;

//   /* Earthy Tones */
//   --olive: #808000;
//   --sand: #c2b280;
//   --terracotta: #e2725b;
//   --moss-green: #8a9a5b;
//   --clay-brown: #b66a50;

//   /* Blues and Greens (Extended) */
//   --cyan-100: #e0f7fa;
//   --cyan-200: #b2ebf2;
//   --cyan-300: #80deea;
//   --cyan-400: #4dd0e1;
//   --cyan-500: #26c6da;
//   --cyan-600: #00acc1;
//   --cyan-700: #0097a7;
//   --cyan-800: #00838f;
//   --cyan-900: #006064;

//   --lime-100: #f9fbe7;
//   --lime-200: #f0f4c3;
//   --lime-300: #e6ee9c;
//   --lime-400: #dce775;
//   --lime-500: #cddc39;
//   --lime-600: #afb42b;
//   --lime-700: #9e9d24;
//   --lime-800: #827717;
//   --lime-900: #616161;

//   /* Corals */
//   --coral-100: #ffefeb;
//   --coral-200: #ffd3c2;
//   --coral-300: #ffb599;
//   --coral-400: #ff9975;
//   --coral-500: #ff7f50;
//   --coral-600: #f26342;
//   --coral-700: #e04e2c;
//   --coral-800: #cc3918;
//   --coral-900: #a61f00;

//   /* Magentas */
//   --magenta-100: #fff0f6;
//   --magenta-200: #ffdeeb;
//   --magenta-300: #fcc2d7;
//   --magenta-400: #faa2c1;
//   --magenta-500: #f783ac;
//   --magenta-600: #e64980;
//   --magenta-700: #d6336c;
//   --magenta-800: #c2255c;
//   --magenta-900: #a61e4d;

//   /* Lavender */
//   --lavender-100: #f3e8ff;
//   --lavender-200: #e3d0ff;
//   --lavender-300: #cbb7ff;
//   --lavender-400: #b399ff;
//   --lavender-500: #9775fa;
//   --lavender-600: #8055e0;
//   --lavender-700: #6846c2;
//   --lavender-800: #503393;
//   --lavender-900: #3a266e;

//   /* Turquoise */
//   --turquoise-100: #e0f7fa;
//   --turquoise-200: #b2fef7;
//   --turquoise-300: #80f7ef;
//   --turquoise-400: #4defe4;
//   --turquoise-500: #00d6d1;
//   --turquoise-600: #00b2ac;
//   --turquoise-700: #009290;
//   --turquoise-800: #007479;
//   --turquoise-900: #004f52;

//   /* Crimson */
//   --crimson-100: #fdecef;
//   --crimson-200: #fbc2d2;
//   --crimson-300: #f79ba9;
//   --crimson-400: #f36a7d;
//   --crimson-500: #e63946;
//   --crimson-600: #cc1e2b;
//   --crimson-700: #b4111e;
//   --crimson-800: #8c0b16;
//   --crimson-900: #61060f;

//   /* Navy */
//   --navy-100: #ebf0fa;
//   --navy-200: #cfd9f2;
//   --navy-300: #b0c2eb;
//   --navy-400: #8aa5e1;
//   --navy-500: #5977cc;
//   --navy-600: #495fb8;
//   --navy-700: #3c4d9b;
//   --navy-800: #2e3b78;
//   --navy-900: #202952;

//   /* Mint */
//   --mint-100: #f0fff4;
//   --mint-200: #c6f6d5;
//   --mint-300: #9ae6b4;
//   --mint-400: #68d391;
//   --mint-500: #48bb78;
//   --mint-600: #38a169;
//   --mint-700: #2f855a;
//   --mint-800: #276749;
//   --mint-900: #1b4532;

//   /* Peach */
//   --peach-100: #fff5f3;
//   --peach-200: #ffdbc6;
//   --peach-300: #ffbd94;
//   --peach-400: #ff8e61;
//   --peach-500: #ff6f43;
//   --peach-600: #ed5c38;
//   --peach-700: #d44d2e;
//   --peach-800: #b83c23;
//   --peach-900: #8f2e1a;

//   /* Mustard */
//   --mustard-100: #fffbe5;
//   --mustard-200: #fff3b5;
//   --mustard-300: #ffe17d;
//   --mustard-400: #ffd94e;
//   --mustard-500: #ffc20a;
//   --mustard-600: #e6a700;
//   --mustard-700: #b38a00;
//   --mustard-800: #806500;
//   --mustard-900: #4d4100;

//   /* Extended Greens */
//   --emerald-100: #e8f5e9;
//   --emerald-200: #c8e6c9;
//   --emerald-300: #a5d6a7;
//   --emerald-400: #81c784;
//   --emerald-500: #66bb6a;
//   --emerald-600: #4caf50;
//   --emerald-700: #388e3c;
//   --emerald-800: #2e7d32;
//   --emerald-900: #1b5e20;

//   /* Extended Purples */
//   --violet-100: #f3e5f5;
//   --violet-200: #e1bee7;
//   --violet-300: #ce93d8;
//   --violet-400: #ba68c8;
//   --violet-500: #ab47bc;
//   --violet-600: #9c27b0;
//   --violet-700: #8e24aa;
//   --violet-800: #7b1fa2;
//   --violet-900: #6a1b9a;
// }