/*
  The following CSS variables are based on the Carbon Design System's color palette. Each color is defined with a base value and a corresponding hover state for interactive elements. The colors are organized into categories such as yellow, orange, red, magenta, purple, blue, cyan, teal, green, cool gray, gray, and warm gray. This structure allows for consistent theming and easy maintenance across the application.
*/

:root {
  --black: #000000;
  --black-100: var(--black);
  --black-hover: #212121;
  --white: #ffffff;
  --white-0: var(--white);
  --white-hover: #e8e8e8;
  --yellow-10: #fcf4d6;
  --yellow-20: #fddc69;
  --yellow-30: #f1c21b;
  --yellow-40: #d2a106;
  --yellow-50: #b28600;
  --yellow-60: #8e6a00;
  --yellow-70: #684e00;
  --yellow-80: #483700;
  --yellow-90: #302400;
  --yellow-100: #1c1500;
  --yellow-10-hover: #f8e6a0;
  --yellow-20-hover: #fccd27;
  --yellow-30-hover: #ddb00e;
  --yellow-40-hover: #bc9005;
  --yellow-50-hover: #9e7700;
  --yellow-60-hover: #755800;
  --yellow-70-hover: #806000;
  --yellow-80-hover: #5c4600;
  --yellow-90-hover: #3d2e00;
  --yellow-100-hover: #332600;
  --orange-10: #fff2e8;
  --orange-20: #ffd9be;
  --orange-30: #ffb784;
  --orange-40: #ff832b;
  --orange-50: #eb6200;
  --orange-60: #ba4e00;
  --orange-70: #8a3800;
  --orange-80: #5e2900;
  --orange-90: #3e1a00;
  --orange-100: #231000;
  --orange-10-hover: #ffe2cc;
  --orange-20-hover: #ffc69e;
  --orange-30-hover: #ff9d57;
  --orange-40-hover: #fa6800;
  --orange-50-hover: #cc5500;
  --orange-60-hover: #9e4200;
  --orange-70-hover: #a84400;
  --orange-80-hover: #753300;
  --orange-90-hover: #522200;
  --orange-100-hover: #421e00;
  --red-10: #fff1f1;
  --red-20: #ffd7d9;
  --red-30: #ffb3b8;
  --red-40: #ff8389;
  --red-50: #fa4d56;
  --red-60: #da1e28;
  --red-70: #a2191f;
  --red-80: #750e13;
  --red-90: #520408;
  --red-100: #2d0709;
  --red-100-hover: #540d11;
  --red-90-hover: #66050a;
  --red-80-hover: #921118;
  --red-70-hover: #c21e25;
  --red-60-hover: #b81922;
  --red-50-hover: #ee0713;
  --red-40-hover: #ff6168;
  --red-30-hover: #ff99a0;
  --red-20-hover: #ffc2c5;
  --red-10-hover: #ffe0e0;
  --magenta-10: #fff0f7;
  --magenta-20: #ffd6e8;
  --magenta-30: #ffafd2;
  --magenta-40: #ff7eb6;
  --magenta-50: #ee5396;
  --magenta-60: #d02670;
  --magenta-70: #9f1853;
  --magenta-80: #740937;
  --magenta-90: #510224;
  --magenta-100: #2a0a18;
  --magenta-100-hover: #53142f;
  --magenta-90-hover: #68032e;
  --magenta-80-hover: #8e0b43;
  --magenta-70-hover: #bf1d63;
  --magenta-60-hover: #b0215f;
  --magenta-50-hover: #e3176f;
  --magenta-40-hover: #ff57a0;
  --magenta-30-hover: #ff94c3;
  --magenta-20-hover: #ffbdda;
  --magenta-10-hover: #ffe0ef;
  --purple-10: #f6f2ff;
  --purple-20: #e8daff;
  --purple-30: #d4bbff;
  --purple-40: #be95ff;
  --purple-50: #a56eff;
  --purple-60: #8a3ffc;
  --purple-70: #6929c4;
  --purple-80: #491d8b;
  --purple-90: #31135e;
  --purple-100: #1c0f30;
  --purple-100-hover: #341c59;
  --purple-90-hover: #40197b;
  --purple-80-hover: #5b24ad;
  --purple-70-hover: #7c3dd6;
  --purple-60-hover: #7822fb;
  --purple-50-hover: #9352ff;
  --purple-40-hover: #ae7aff;
  --purple-30-hover: #c5a3ff;
  --purple-20-hover: #dcc7ff;
  --purple-10-hover: #ede5ff;
  --blue-10: #edf5ff;
  --blue-20: #d0e2ff;
  --blue-30: #a6c8ff;
  --blue-40: #78a9ff;
  --blue-50: #4589ff;
  --blue-60: #0f62fe;
  --blue-70: #0043ce;
  --blue-80: #002d9c;
  --blue-90: #001d6c;
  --blue-100: #001141;
  --blue-100-hover: #001f75;
  --blue-90-hover: #00258a;
  --blue-80-hover: #0039c7;
  --blue-70-hover: #0053ff;
  --blue-60-hover: #0050e6;
  --blue-50-hover: #1f70ff;
  --blue-40-hover: #5c97ff;
  --blue-30-hover: #8ab6ff;
  --blue-20-hover: #b8d3ff;
  --blue-10-hover: #dbebff;
  --cyan-10: #e5f6ff;
  --cyan-20: #bae6ff;
  --cyan-30: #82cfff;
  --cyan-40: #33b1ff;
  --cyan-50: #1192e8;
  --cyan-60: #0072c3;
  --cyan-70: #00539a;
  --cyan-80: #003a6d;
  --cyan-90: #012749;
  --cyan-100: #061727;
  --cyan-10-hover: #cceeff;
  --cyan-20-hover: #99daff;
  --cyan-30-hover: #57beff;
  --cyan-40-hover: #059fff;
  --cyan-50-hover: #0f7ec8;
  --cyan-60-hover: #005fa3;
  --cyan-70-hover: #0066bd;
  --cyan-80-hover: #00498a;
  --cyan-90-hover: #013360;
  --cyan-100-hover: #0b2947;
  --teal-10: #d9fbfb;
  --teal-20: #9ef0f0;
  --teal-30: #3ddbd9;
  --teal-40: #08bdba;
  --teal-50: #009d9a;
  --teal-60: #007d79;
  --teal-70: #005d5d;
  --teal-80: #004144;
  --teal-90: #022b30;
  --teal-100: #081a1c;
  --teal-10-hover: #acf6f6;
  --teal-20-hover: #57e5e5;
  --teal-30-hover: #25cac8;
  --teal-40-hover: #07aba9;
  --teal-50-hover: #008a87;
  --teal-60-hover: #006b68;
  --teal-70-hover: #007070;
  --teal-80-hover: #005357;
  --teal-90-hover: #033940;
  --teal-100-hover: #0f3034;
  --green-10: #defbe6;
  --green-20: #a7f0ba;
  --green-30: #6fdc8c;
  --green-40: #42be65;
  --green-50: #24a148;
  --green-60: #198038;
  --green-70: #0e6027;
  --green-80: #044317;
  --green-90: #022d0d;
  --green-100: #071908;
  --green-10-hover: #b6f6c8;
  --green-20-hover: #74e792;
  --green-30-hover: #36ce5e;
  --green-40-hover: #3bab5a;
  --green-50-hover: #208e3f;
  --green-60-hover: #166f31;
  --green-70-hover: #11742f;
  --green-80-hover: #05521c;
  --green-90-hover: #033b11;
  --green-100-hover: #0d300f;
  --cool-gray-10: #f2f4f8;
  --cool-gray-20: #dde1e6;
  --cool-gray-30: #c1c7cd;
  --cool-gray-40: #a2a9b0;
  --cool-gray-50: #878d96;
  --cool-gray-60: #697077;
  --cool-gray-70: #4d5358;
  --cool-gray-80: #343a3f;
  --cool-gray-90: #21272a;
  --cool-gray-100: #121619;
  --cool-gray-10-hover: #e4e9f1;
  --cool-gray-20-hover: #cdd3da;
  --cool-gray-30-hover: #adb5bd;
  --cool-gray-40-hover: #9199a1;
  --cool-gray-50-hover: #757b85;
  --cool-gray-60-hover: #585e64;
  --cool-gray-70-hover: #5d646a;
  --cool-gray-80-hover: #434a51;
  --cool-gray-90-hover: #2b3236;
  --cool-gray-100-hover: #222a2f;
  --gray-10: #f4f4f4;
  --gray-20: #e0e0e0;
  --gray-30: #c6c6c6;
  --gray-40: #a8a8a8;
  --gray-50: #8d8d8d;
  --gray-60: #6f6f6f;
  --gray-70: #525252;
  --gray-80: #393939;
  --gray-90: #262626;
  --gray-100: #161616;
  --gray-10-hover: #e8e8e8;
  --gray-20-hover: #d1d1d1;
  --gray-30-hover: #b5b5b5;
  --gray-40-hover: #999999;
  --gray-50-hover: #7a7a7a;
  --gray-60-hover: #5e5e5e;
  --gray-70-hover: #636363;
  --gray-80-hover: #474747;
  --gray-90-hover: #333333;
  --gray-100-hover: #292929;
  --warm-gray-10: #f7f3f2;
  --warm-gray-20: #e5e0df;
  --warm-gray-30: #cac5c4;
  --warm-gray-40: #ada8a8;
  --warm-gray-50: #8f8b8b;
  --warm-gray-60: #726e6e;
  --warm-gray-70: #565151;
  --warm-gray-80: #3c3838;
  --warm-gray-90: #272525;
  --warm-gray-100: #171414;
  --warm-gray-10-hover: #f0e8e6;
  --warm-gray-20-hover: #d8d0cf;
  --warm-gray-30-hover: #b9b3b1;
  --warm-gray-40-hover: #9c9696;
  --warm-gray-50-hover: #7f7b7b;
  --warm-gray-60-hover: #605d5d;
  --warm-gray-70-hover: #696363;
  --warm-gray-80-hover: #4c4848;
  --warm-gray-90-hover: #343232;
  --warm-gray-100-hover: #2c2626;
}