:root {
  --neutral-0: #FFFFFF;
  --neutral-25: #FCFCFD;
  --neutral-50: #F4F7FA;
  --neutral-100: #EFF2F5;
  --neutral-200: #C3CCD6;
  --neutral-300: #A8B5C2;
  --neutral-400: #98A2B3;
  --neutral-500: #8593A3;
  --neutral-600: #6A7682;
  --neutral-700: #505862;
  --neutral-800: #353B41;
  --neutral-900: #1B1D21;
  --neutral-950: #0C111D;

  --primary-25: #F5F8FF;
  --primary-50: #F0E8E0;
  --primary-100: #E1D1C1;
  --primary-200: #CBB195;
  --primary-300: #B18D65;
  --primary-400: #9A734F;
  --primary-500: #2E2E2E ;
  --primary-600: #75593F;
  --primary-700: #5F4633;
  --primary-800: #493426;
  --primary-900: #332219;
  --primary-950: #3D1B0B;

  --secondary-25: #FFFCF5;
  --secondary-50: #FFF7E5;
  --secondary-100: #FFEECC;
  --secondary-200: #FFDD99;
  --secondary-300: #FFCD66;
  --secondary-400: #FFBC33;
  --secondary-500: #FFAB00;
  --secondary-600: #CC7A00;
  --secondary-700: #995200;
  --secondary-800: #663000;
  --secondary-900: #4E1D09;
  --secondary-950: #331400;

  --success-25: #F6FEF9;
  --success-50: #E6FAF4;
  --success-100: #D4F4EC;
  --success-200: #A9EAD8;
  --success-300: #7EDFC5;
  --success-400: #32D583;
  --success-500: #12B76A;
  --success-600: #039855;
  --success-700: #027A48;
  --success-800: #05603A;
  --success-900: #053321;
  --success-950: #082820;

  --warning-25: #FFFCF5;
  --warning-50: #FFF7E5;
  --warning-100: #FFEECC;
  --warning-200: #FFDD99;
  --warning-300: #FFCD66;
  --warning-400: #FFBC33;
  --warning-500: #FFAB00;
  --warning-600: #CC7A00;
  --warning-700: #995200;
  --warning-800: #663000;
  --warning-900: #4E1D09;
  --warning-950: #331400;

  --error-25: #FFFBFA;
  --error-50: #FEF3F2;
  --error-100: #FEE4E2;
  --error-200: #FECDCA;
  --error-300: #F89A7C;
  --error-400: #F57851;
  --error-500: #F35625;
  --error-600: #D92D20;
  --error-700: #923416;
  --error-800: #61220F;
  --error-900: #311107;
  --error-950: #311107;

  --blue-gray-25: #FCFCFD;
  --blue-gray-50: #F8F9FC;
  --blue-gray-100: #EAECF5;
  --blue-gray-200: #C8CCE5;
  --blue-gray-300: #9EA5D1;
  --blue-gray-400: #717BBC;
  --blue-gray-500: #4E5BA6;
  --blue-gray-600: #3E4784;
  --blue-gray-700: #363F72;
  --blue-gray-800: #293056;
  --blue-gray-900: #101323;
  --blue-gray-950: #0D0F1C;

  --blue-light-25: #F5F8FF;
  --blue-light-50: #E4EAF2;
  --blue-light-100: #BBCBE0;
  --blue-light-200: #8EA8CB;
  --blue-light-300: #6085B6;
  --blue-light-400: #3E6BA6;
  --blue-light-500: #1C5196;
  --blue-light-600: #194A8E;
  --blue-light-700: #144083;
  --blue-light-800: #113779;
  --blue-light-900: #092768;
  --blue-light-950: #102A56;

  --blue-25: #F5F8FF;
  --blue-50: #E4EAF2;
  --blue-100: #BBCBE0;
  --blue-200: #8EA8CB;
  --blue-300: #6085B6;
  --blue-400: #3E6BA6;
  --blue-500: #1C5196;
  --blue-600: #194A8E;
  --blue-700: #144083;
  --blue-800: #113779;
  --blue-900: #092768;
  --blue-950: #102A56;

  --indigo-25: #F5F8FF;
  --indigo-50: #E4EAF2;
  --indigo-100: #BBCBE0;
  --indigo-200: #8EA8CB;
  --indigo-300: #6085B6;
  --indigo-400: #3E6BA6;
  --indigo-500: #1C5196;
  --indigo-600: #194A8E;
  --indigo-700: #144083;
  --indigo-800: #113779;
  --indigo-900: #092768;
  --indigo-950: #102A56;

  --purple-25: #F5F8FF;
  --purple-50: #E4EAF2;
  --purple-100: #BBCBE0;
  --purple-200: #8EA8CB;
  --purple-300: #6085B6;
  --purple-400: #3E6BA6;
  --purple-500: #1C5196;
  --purple-600: #194A8E;
  --purple-700: #144083;
  --purple-800: #113779;
  --purple-900: #092768;
  --purple-950: #102A56;

  --pink-25: #F5F8FF;
  --pink-50: #E4EAF2;
  --pink-100: #BBCBE0;
  --pink-200: #8EA8CB;
  --pink-300: #6085B6;
  --pink-400: #3E6BA6;
  --pink-500: #1C5196;
  --pink-600: #194A8E;
  --pink-700: #144083;
  --pink-800: #113779;
  --pink-900: #092768;
  --pink-950: #102A56;

  --rose-25: #F5F8FF;
  --rose-50: #E4EAF2;
  --rose-100: #BBCBE0;
  --rose-200: #8EA8CB;
  --rose-300: #6085B6;
  --rose-400: #3E6BA6;
  --rose-500: #1C5196;
  --rose-600: #194A8E;
  --rose-700: #144083;
  --rose-800: #113779;
  --rose-900: #092768;
  --rose-950: #102A56;

  --orange-25: #F5F8FF;
  --orange-50: #E4EAF2;
  --orange-100: #BBCBE0;
  --orange-200: #8EA8CB;
  --orange-300: #6085B6;
  --orange-400: #3E6BA6;
  --orange-500: #1C5196;
  --orange-600: #194A8E;
  --orange-700: #144083;
  --orange-800: #113779;
  --orange-900: #092768;
  --orange-950: #102A56;



}

/* Color */
.text-neutral-0 {
  color: var(--neutral-0, "#FFFFFF");
}

.text-neutral-25 {
  color: var(--neutral-25, "#FCFCFD");
}

.text-neutral-50 {
  color: var(--neutral-50, "#F4F7FA");
}

.text-neutral-100 {
  color: var(--neutral-100, "#EFF2F5");
}

.text-neutral-200 {
  color: var(--neutral-200, "#C3CCD6");
}

.text-neutral-300 {
  color: var(--neutral-300, "#A8B5C2");
}

.text-neutral-400 {
  color: var(--neutral-400, "#98A2B3");
}

.text-neutral-500 {
  color: var(--neutral-500, "#8593A3");
}

.text-neutral-600 {
  color: var(--neutral-600, "#6A7682");
}

.text-neutral-700 {
  color: var(--neutral-700, "#505862");
}

.text-neutral-800 {
  color: var(--neutral-800, "#353B41");
}

.text-neutral-900 {
  color: var(--neutral-900, "#1B1D21");
}

.text-neutral-950 {
  color: var(--neutral-950, "#0C111D");
}

.text-primary-25 {
  color: var(--primary-25, "#F5F8FF");
}

.text-primary-50 {
  color: var(--primary-50, "#E4EAF2");
}

.text-primary-100 {
  color: var(--primary-100, "#BBCBE0");
}

.text-primary-200 {
  color: var(--primary-200, "#8EA8CB");
}

.text-primary-300 {
  color: var(--primary-300, "#6085B6");
}

.text-primary-400 {
  color: var(--primary-400, "#3E6BA6");
}

.text-primary-500 {
  color: var(--primary-500, "#1C5196");
}

.text-primary-600 {
  color: var(--primary-600, "#194A8E");
}

.text-primary-700 {
  color: var(--primary-700, "#144083");
}

.text-primary-800 {
  color: var(--primary-800, "#113779");
}

.text-primary-900 {
  color: var(--primary-900, "#092768");
}

.text-primary-950 {
  color: var(--primary-950, "#102A56");
}

.text-secondary-25 {
  color: var(--secondary-25, "#FFFCF5");
}

.text-secondary-50 {
  color: var(--secondary-50, "#FFF7E5");
}

.text-secondary-100 {
  color: var(--secondary-100, "#FFEECC");
}

.text-secondary-200 {
  color: var(--secondary-200, "#FFDD99");
}

.text-secondary-300 {
  color: var(--secondary-300, "#FFCD66");
}

.text-secondary-400 {
  color: var(--secondary-400, "#FFBC33");
}

.text-secondary-500 {
  color: var(--secondary-500, "#FFAB00");
}

.text-secondary-600 {
  color: var(--secondary-600, "#CC7A00");
}

.text-secondary-700 {
  color: var(--secondary-700, "#995200");
}

.text-secondary-800 {
  color: var(--secondary-800, "#663000");
}

.text-secondary-900 {
  color: var(--secondary-900, "#4E1D09");
}

.text-secondary-950 {
  color: var(--secondary-950, "#331400");
}

.text-success-25 {
  color: var(--success-25, "#F6FEF9");
}

.text-success-50 {
  color: var(--success-50, "#E6FAF4");
}

.text-success-100 {
  color: var(--success-100, "#D4F4EC");
}

.text-success-200 {
  color: var(--success-200, "#A9EAD8");
}

.text-success-300 {
  color: var(--success-300, "#7EDFC5");
}

.text-success-400 {
  color: var(--success-400, "#32D583");
}

.text-success-500 {
  color: var(--success-500, "#12B76A");
}

.text-success-600 {
  color: var(--success-600, "#039855");
}

.text-success-700 {
  color: var(--success-700, "#027A48");
}

.text-success-800 {
  color: var(--success-800, "#05603A");
}

.text-success-900 {
  color: var(--success-900, "#053321");
}

.text-success-950 {
  color: var(--success-950, "#082820");
}

.text-warning-25 {
  color: var(--warning-25, "#FFFCF5");
}

.text-warning-50 {
  color: var(--warning-50, "#FFF7E5");
}

.text-warning-100 {
  color: var(--warning-100, "#FFEECC");
}

.text-warning-200 {
  color: var(--warning-200, "#FFDD99");
}

.text-warning-300 {
  color: var(--warning-300, "#FFCD66");
}

.text-warning-400 {
  color: var(--warning-400, "#FFBC33");
}

.text-warning-500 {
  color: var(--warning-500, "#FFAB00");
}

.text-warning-600 {
  color: var(--warning-600, "#CC7A00");
}

.text-warning-700 {
  color: var(--warning-700, "#995200");
}

.text-warning-800 {
  color: var(--warning-800, "#663000");
}

.text-warning-900 {
  color: var(--warning-900, "#4E1D09");
}

.text-warning-950 {
  color: var(--warning-950, "#331400");
}

.text-error-25 {
  color: var(--error-25, "#FFFBFA");
}

.text-error-50 {
  color: var(--error-50, "#FEF3F2");
}

.text-error-100 {
  color: var(--error-100, "#FEE4E2");
}

.text-error-200 {
  color: var(--error-200, "#FECDCA");
}

.text-error-300 {
  color: var(--error-300, "#F89A7C");
}

.text-error-400 {
  color: var(--error-400, "#F57851");
}

.text-error-500 {
  color: var(--error-500, "#F35625");
}

.text-error-600 {
  color: var(--error-600, "#D92D20");
}

.text-error-700 {
  color: var(--error-700, "#923416");
}

.text-error-800 {
  color: var(--error-800, "#61220F");
}

.text-error-900 {
  color: var(--error-900, "#311107");
}

.text-error-950 {
  color: var(--error-950, "#311107");
}

.text-blue-gray-25 {
  color: var(--blue-gray-25, "#FCFCFD");
}

.text-blue-gray-50 {
  color: var(--blue-gray-50, "#F8F9FC");
}

.text-blue-gray-100 {
  color: var(--blue-gray-100, "#EAECF5");
}

.text-blue-gray-200 {
  color: var(--blue-gray-200, "#C8CCE5");
}

.text-blue-gray-300 {
  color: var(--blue-gray-300, "#9EA5D1");
}

.text-blue-gray-400 {
  color: var(--blue-gray-400, "#717BBC");
}

.text-blue-gray-500 {
  color: var(--blue-gray-500, "#4E5BA6");
}

.text-blue-gray-600 {
  color: var(--blue-gray-600, "#3E4784");
}

.text-blue-gray-700 {
  color: var(--blue-gray-700, "#363F72");
}

.text-blue-gray-800 {
  color: var(--blue-gray-800, "#293056");
}

.text-blue-gray-900 {
  color: var(--blue-gray-900, "#101323");
}

.text-blue-gray-950 {
  color: var(--blue-gray-950, "#0D0F1C");
}

.text-blue-light-25 {
  color: var(--blue-light-25, "#F5FBFF");
}

.text-blue-light-50 {
  color: var(--blue-light-50, "#F0F9FF");
}

.text-blue-light-100 {
  color: var(--blue-light-100, "#E0F2FE");
}

.text-blue-light-200 {
  color: var(--blue-light-200, "#B9E6FE");
}

.text-blue-light-300 {
  color: var(--blue-light-300, "#7CD4FD");
}

.text-blue-light-400 {
  color: var(--blue-light-400, "#36BFFA");
}

.text-blue-light-500 {
  color: var(--blue-light-500, "#0BA5EC");
}

.text-blue-light-600 {
  color: var(--blue-light-600, "#0086C9");
}

.text-blue-light-700 {
  color: var(--blue-light-700, "#026AA2");
}

.text-blue-light-800 {
  color: var(--blue-light-800, "#065986");
}

.text-blue-light-900 {
  color: var(--blue-light-900, "#0B4A6F");
}

.text-blue-light-950 {
  color: var(--blue-light-950, "#062C41");
}

.text-blue-25 {
  color: var(--blue-25, "#F5FAFF");
}

.text-blue-50 {
  color: var(--blue-50, "#EFF8FF");
}

.text-blue-100 {
  color: var(--blue-100, "#D1E9FF");
}

.text-blue-200 {
  color: var(--blue-200, "#B2DDFF");
}

.text-blue-300 {
  color: var(--blue-300, "#84CAFF");
}

.text-blue-400 {
  color: var(--blue-400, "#53B1FD");
}

.text-blue-500 {
  color: var(--blue-500, "#2E90FA");
}

.text-blue-600 {
  color: var(--blue-600, "#1570EF");
}

.text-blue-700 {
  color: var(--blue-700, "#175CD3");
}

.text-blue-800 {
  color: var(--blue-800, "#1849A9");
}

.text-blue-900 {
  color: var(--blue-900, "#194185");
}

.text-blue-950 {
  color: var(--blue-950, "#102A56");
}

.text-indigo-25 {
  color: var(--indigo-25, "#F5F8FF");
}

.text-indigo-50 {
  color: var(--indigo-50, "#EEF4FF");
}

.text-indigo-100 {
  color: var(--indigo-100, "#E0EAFF");
}

.text-indigo-200 {
  color: var(--indigo-200, "#C7D7FE");
}

.text-indigo-300 {
  color: var(--indigo-300, "#A4BCFD");
}

.text-indigo-400 {
  color: var(--indigo-400, "#8098F9");
}

.text-indigo-500 {
  color: var(--indigo-500, "#6172F3");
}

.text-indigo-600 {
  color: var(--indigo-600, "#444CE7");
}

.text-indigo-700 {
  color: var(--indigo-700, "#3538CD");
}

.text-indigo-800 {
  color: var(--indigo-800, "#2D31A6");
}

.text-indigo-900 {
  color: var(--indigo-900, "#2D3282");
}

.text-indigo-950 {
  color: var(--indigo-950, "#1F235B");
}

.text-purple-25 {
  color: var(--purple-25, "#FAFAFF");
}

.text-purple-50 {
  color: var(--purple-50, "#F4F3FF");
}

.text-purple-100 {
  color: var(--purple-100, "#EBE9FE");
}

.text-purple-200 {
  color: var(--purple-200, "#D9D6FE");
}

.text-purple-300 {
  color: var(--purple-300, "#BDB4FE");
}

.text-purple-400 {
  color: var(--purple-400, "#9B8AFB");
}

.text-purple-500 {
  color: var(--purple-500, "#7A5AF8");
}

.text-purple-600 {
  color: var(--purple-600, "#6938EF");
}

.text-purple-700 {
  color: var(--purple-700, "#5925DC");
}

.text-purple-800 {
  color: var(--purple-800, "#4A1FB8");
}

.text-purple-900 {
  color: var(--purple-900, "#3E1C96");
}

.text-purple-950 {
  color: var(--purple-950, "#27115F");
}

.text-pink-25 {
  color: var(--pink-25, "#FEF6FB");
}

.text-pink-50 {
  color: var(--pink-50, "#FDF2FA");
}

.text-pink-100 {
  color: var(--pink-100, "#FCE7F6");
}

.text-pink-200 {
  color: var(--pink-200, "#FCCEEE");
}

.text-pink-300 {
  color: var(--pink-300, "#FAA7E0");
}

.text-pink-400 {
  color: var(--pink-400, "#F670C7");
}

.text-pink-500 {
  color: var(--pink-500, "#EE46BC");
}

.text-pink-600 {
  color: var(--pink-600, "#DD2590");
}

.text-pink-700 {
  color: var(--pink-700, "#C11574");
}

.text-pink-800 {
  color: var(--pink-800, "#9E165F");
}

.text-pink-900 {
  color: var(--pink-900, "#851651");
}

.text-pink-950 {
  color: var(--pink-950, "#4E0D30");
}

.text-rose-25 {
  color: var(--rose-25, "#FFF5F6");
}

.text-rose-50 {
  color: var(--rose-50, "#FFF1F3");
}

.text-rose-100 {
  color: var(--rose-100, "#FFE4E8");
}

.text-rose-200 {
  color: var(--rose-200, "#FECDD6");
}

.text-rose-300 {
  color: var(--rose-300, "#FEA3B4");
}

.text-rose-400 {
  color: var(--rose-400, "#FD6F8E");
}

.text-rose-500 {
  color: var(--rose-500, "#F63D68");
}

.text-rose-600 {
  color: var(--rose-600, "#E31B54");
}

.text-rose-700 {
  color: var(--rose-700, "#C01048");
}

.text-rose-800 {
  color: var(--rose-800, "#A11043");
}

.text-rose-900 {
  color: var(--rose-900, "#89123E");
}

.text-rose-950 {
  color: var(--rose-950, "#510B24");
}

.text-orange-25 {
  color: var(--orange-25, "#FFFAF5");
}

.text-orange-50 {
  color: var(--orange-50, "#FFF1F3");
}

.text-orange-100 {
  color: var(--orange-100, "#FFEAD5");
}

.text-orange-200 {
  color: var(--orange-200, "#FDDCAB");
}

.text-orange-300 {
  color: var(--orange-300, "#FEB273");
}

.text-orange-400 {
  color: var(--orange-400, "#FD853A");
}

.text-orange-500 {
  color: var(--orange-500, "#FB6514");
}

.text-orange-600 {
  color: var(--orange-600, "#EC4A0A");
}

.text-orange-700 {
  color: var(--orange-700, "#C4320A");
}

.text-orange-800 {
  color: var(--orange-800, "#9C2A10");
}

.text-orange-900 {
  color: var(--orange-900, "#7E2410");
}

.text-orange-950 {
  color: var(--orange-950, "#511C10");
}

/* Background */
.bg-neutral-0 {
  background-color: var(--neutral-0, "#FFFFFF");
}

.bg-neutral-25 {
  background-color: var(--neutral-25, "#FCFCFD");
}

.bg-neutral-50 {
  background-color: var(--neutral-50, "#F4F7FA");
}

.bg-neutral-100 {
  background-color: var(--neutral-100, "#EFF2F5");
}

.bg-neutral-200 {
  background-color: var(--neutral-200, "#C3CCD6");
}

.bg-neutral-300 {
  background-color: var(--neutral-300, "#A8B5C2");
}

.bg-neutral-400 {
  background-color: var(--neutral-400, "#98A2B3");
}

.bg-neutral-500 {
  background-color: var(--neutral-500, "#8593A3");
}

.bg-neutral-600 {
  background-color: var(--neutral-600, "#6A7682");
}

.bg-neutral-700 {
  background-color: var(--neutral-700, "#505862");
}

.bg-neutral-800 {
  background-color: var(--neutral-800, "#353B41");
}

.bg-neutral-900 {
  background-color: var(--neutral-900, "#1B1D21");
}

.bg-neutral-950 {
  background-color: var(--neutral-950, "#0C111D");
}

.bg-primary-25 {
  background-color: var(--primary-25, "#F5F8FF");
}

.bg-primary-50 {
  background-color: var(--primary-50, "#E4EAF2");
}

.bg-primary-100 {
  background-color: var(--primary-100, "#BBCBE0");
}

.bg-primary-200 {
  background-color: var(--primary-200, "#8EA8CB");
}

.bg-primary-300 {
  background-color: var(--primary-300, "#6085B6");
}

.bg-primary-400 {
  background-color: var(--primary-400, "#3E6BA6");
}

.bg-primary-500 {
  background-color: var(--primary-500, "#1C5196");
}

.bg-primary-600 {
  background-color: var(--primary-600, "#194A8E");
}

.bg-primary-700 {
  background-color: var(--primary-700, "#144083");
}

.bg-primary-800 {
  background-color: var(--primary-800, "#113779");
}

.bg-primary-900 {
  background-color: var(--primary-900, "#092768");
}

.bg-primary-950 {
  background-color: var(--primary-950, "#102A56");
}

.bg-secondary-25 {
  background-color: var(--secondary-25, "#FFFCF5");
}

.bg-secondary-50 {
  background-color: var(--secondary-50, "#FFF7E5");
}

.bg-secondary-100 {
  background-color: var(--secondary-100, "#FFEECC");
}

.bg-secondary-200 {
  background-color: var(--secondary-200, "#FFDD99");
}

.bg-secondary-300 {
  background-color: var(--secondary-300, "#FFCD66");
}

.bg-secondary-400 {
  background-color: var(--secondary-400, "#FFBC33");
}

.bg-secondary-500 {
  background-color: var(--secondary-500, "#FFAB00");
}

.bg-secondary-600 {
  background-color: var(--secondary-600, "#CC7A00");
}

.bg-secondary-700 {
  background-color: var(--secondary-700, "#995200");
}

.bg-secondary-800 {
  background-color: var(--secondary-800, "#663000");
}

.bg-secondary-900 {
  background-color: var(--secondary-900, "#4E1D09");
}

.bg-secondary-950 {
  background-color: var(--secondary-950, "#331400");
}

.bg-success-25 {
  background-color: var(--success-25, "#F6FEF9");
}

.bg-success-50 {
  background-color: var(--success-50, "#E6FAF4");
}

.bg-success-100 {
  background-color: var(--success-100, "#D4F4EC");
}

.bg-success-200 {
  background-color: var(--success-200, "#A9EAD8");
}

.bg-success-300 {
  background-color: var(--success-300, "#7EDFC5");
}

.bg-success-400 {
  background-color: var(--success-400, "#32D583");
}

.bg-success-500 {
  background-color: var(--success-500, "#12B76A");
}

.bg-success-600 {
  background-color: var(--success-600, "#039855");
}

.bg-success-700 {
  background-color: var(--success-700, "#027A48");
}

.bg-success-800 {
  background-color: var(--success-800, "#05603A");
}

.bg-success-900 {
  background-color: var(--success-900, "#053321");
}

.bg-success-950 {
  background-color: var(--success-950, "#082820");
}

.bg-warning-25 {
  background-color: var(--warning-25, "#FFFCF5");
}

.bg-warning-50 {
  background-color: var(--warning-50, "#FFF7E5");
}

.bg-warning-100 {
  background-color: var(--warning-100, "#FFEECC");
}

.bg-warning-200 {
  background-color: var(--warning-200, "#FFDD99");
}

.bg-warning-300 {
  background-color: var(--warning-300, "#FFCD66");
}

.bg-warning-400 {
  background-color: var(--warning-400, "#FFBC33");
}

.bg-warning-500 {
  background-color: var(--warning-500, "#FFAB00");
}

.bg-warning-600 {
  background-color: var(--warning-600, "#CC7A00");
}

.bg-warning-700 {
  background-color: var(--warning-700, "#995200");
}

.bg-warning-800 {
  background-color: var(--warning-800, "#663000");
}

.bg-warning-900 {
  background-color: var(--warning-900, "#4E1D09");
}

.bg-warning-950 {
  background-color: var(--warning-950, "#331400");
}

.bg-error-25 {
  background-color: var(--error-25, "#FFFBFA");
}

.bg-error-50 {
  background-color: var(--error-50, "#FEF3F2");
}

.bg-error-100 {
  background-color: var(--error-100, "#FEE4E2");
}

.bg-error-200 {
  background-color: var(--error-200, "#FECDCA");
}

.bg-error-300 {
  background-color: var(--error-300, "#F89A7C");
}

.bg-error-400 {
  background-color: var(--error-400, "#F57851");
}

.bg-error-500 {
  background-color: var(--error-500, "#F35625");
}

.bg-error-600 {
  background-color: var(--error-600, "#D92D20");
}

.bg-error-700 {
  background-color: var(--error-700, "#923416");
}

.bg-error-800 {
  background-color: var(--error-800, "#61220F");
}

.bg-error-900 {
  background-color: var(--error-900, "#311107");
}

.bg-error-950 {
  background-color: var(--error-950, "#311107");
}

.bg-blue-gray-25 {
  background-color: var(--blue-gray-25, "#FCFCFD");
}

.bg-blue-gray-50 {
  background-color: var(--blue-gray-50, "#F8F9FC");
}

.bg-blue-gray-100 {
  background-color: var(--blue-gray-100, "#EAECF5");
}

.bg-blue-gray-200 {
  background-color: var(--blue-gray-200, "#C8CCE5");
}

.bg-blue-gray-300 {
  background-color: var(--blue-gray-300, "#9EA5D1");
}

.bg-blue-gray-400 {
  background-color: var(--blue-gray-400, "#717BBC");
}

.bg-blue-gray-500 {
  background-color: var(--blue-gray-500, "#4E5BA6");
}

.bg-blue-gray-600 {
  background-color: var(--blue-gray-600, "#3E4784");
}

.bg-blue-gray-700 {
  background-color: var(--blue-gray-700, "#363F72");
}

.bg-blue-gray-800 {
  background-color: var(--blue-gray-800, "#293056");
}

.bg-blue-gray-900 {
  background-color: var(--blue-gray-900, "#101323");
}

.bg-blue-gray-950 {
  background-color: var(--blue-gray-950, "#0D0F1C");
}

.bg-blue-light-25 {
  background-color: var(--blue-light-25, "#F5FBFF");
}

.bg-blue-light-50 {
  background-color: var(--blue-light-50, "#F0F9FF");
}

.bg-blue-light-100 {
  background-color: var(--blue-light-100, "#E0F2FE");
}

.bg-blue-light-200 {
  background-color: var(--blue-light-200, "#B9E6FE");
}

.bg-blue-light-300 {
  background-color: var(--blue-light-300, "#7CD4FD");
}

.bg-blue-light-400 {
  background-color: var(--blue-light-400, "#36BFFA");
}

.bg-blue-light-500 {
  background-color: var(--blue-light-500, "#0BA5EC");
}

.bg-blue-light-600 {
  background-color: var(--blue-light-600, "#0086C9");
}

.bg-blue-light-700 {
  background-color: var(--blue-light-700, "#026AA2");
}

.bg-blue-light-800 {
  background-color: var(--blue-light-800, "#065986");
}

.bg-blue-light-900 {
  background-color: var(--blue-light-900, "#0B4A6F");
}

.bg-blue-light-950 {
  background-color: var(--blue-light-950, "#062C41");
}

.bg-blue-25 {
  background-color: var(--blue-25, "#F5FAFF");
}

.bg-blue-50 {
  background-color: var(--blue-50, "#EFF8FF");
}

.bg-blue-100 {
  background-color: var(--blue-100, "#D1E9FF");
}

.bg-blue-200 {
  background-color: var(--blue-200, "#B2DDFF");
}

.bg-blue-300 {
  background-color: var(--blue-300, "#84CAFF");
}

.bg-blue-400 {
  background-color: var(--blue-400, "#53B1FD");
}

.bg-blue-500 {
  background-color: var(--blue-500, "#2E90FA");
}

.bg-blue-600 {
  background-color: var(--blue-600, "#1570EF");
}

.bg-blue-700 {
  background-color: var(--blue-700, "#175CD3");
}

.bg-blue-800 {
  background-color: var(--blue-800, "#1849A9");
}

.bg-blue-900 {
  background-color: var(--blue-900, "#194185");
}

.bg-blue-950 {
  background-color: var(--blue-950, "#102A56");
}

.bg-indigo-25 {
  background-color: var(--indigo-25, "#F5F8FF");
}

.bg-indigo-50 {
  background-color: var(--indigo-50, "#EEF4FF");
}

.bg-indigo-100 {
  background-color: var(--indigo-100, "#E0EAFF");
}

.bg-indigo-200 {
  background-color: var(--indigo-200, "#C7D7FE");
}

.bg-indigo-300 {
  background-color: var(--indigo-300, "#A4BCFD");
}

.bg-indigo-400 {
  background-color: var(--indigo-400, "#8098F9");
}

.bg-indigo-500 {
  background-color: var(--indigo-500, "#6172F3");
}

.bg-indigo-600 {
  background-color: var(--indigo-600, "#444CE7");
}

.bg-indigo-700 {
  background-color: var(--indigo-700, "#3538CD");
}

.bg-indigo-800 {
  background-color: var(--indigo-800, "#2D31A6");
}

.bg-indigo-900 {
  background-color: var(--indigo-900, "#2D3282");
}

.bg-indigo-950 {
  background-color: var(--indigo-950, "#1F235B");
}

.bg-purple-25 {
  background-color: var(--purple-25, "#FAFAFF");
}

.bg-purple-50 {
  background-color: var(--purple-50, "#F4F3FF");
}

.bg-purple-100 {
  background-color: var(--purple-100, "#EBE9FE");
}

.bg-purple-200 {
  background-color: var(--purple-200, "#D9D6FE");
}

.bg-purple-300 {
  background-color: var(--purple-300, "#BDB4FE");
}

.bg-purple-400 {
  background-color: var(--purple-400, "#9B8AFB");
}

.bg-purple-500 {
  background-color: var(--purple-500, "#7A5AF8");
}

.bg-purple-600 {
  background-color: var(--purple-600, "#6938EF");
}

.bg-purple-700 {
  background-color: var(--purple-700, "#5925DC");
}

.bg-purple-800 {
  background-color: var(--purple-800, "#4A1FB8");
}

.bg-purple-900 {
  background-color: var(--purple-900, "#3E1C96");
}

.bg-purple-950 {
  background-color: var(--purple-950, "#27115F");
}

.bg-pink-25 {
  background-color: var(--pink-25, "#FEF6FB");
}

.bg-pink-50 {
  background-color: var(--pink-50, "#FDF2FA");
}

.bg-pink-100 {
  background-color: var(--pink-100, "#FCE7F6");
}

.bg-pink-200 {
  background-color: var(--pink-200, "#FCCEEE");
}

.bg-pink-300 {
  background-color: var(--pink-300, "#FAA7E0");
}

.bg-pink-400 {
  background-color: var(--pink-400, "#F670C7");
}

.bg-pink-500 {
  background-color: var(--pink-500, "#EE46BC");
}

.bg-pink-600 {
  background-color: var(--pink-600, "#DD2590");
}

.bg-pink-700 {
  background-color: var(--pink-700, "#C11574");
}

.bg-pink-800 {
  background-color: var(--pink-800, "#9E165F");
}

.bg-pink-900 {
  background-color: var(--pink-900, "#851651");
}

.bg-pink-950 {
  background-color: var(--pink-950, "#4E0D30");
}

.bg-rose-25 {
  background-color: var(--rose-25, "#FFF5F6");
}

.bg-rose-50 {
  background-color: var(--rose-50, "#FFF1F3");
}

.bg-rose-100 {
  background-color: var(--rose-100, "#FFE4E8");
}

.bg-rose-200 {
  background-color: var(--rose-200, "#FECDD6");
}

.bg-rose-300 {
  background-color: var(--rose-300, "#FEA3B4");
}

.bg-rose-400 {
  background-color: var(--rose-400, "#FD6F8E");
}

.bg-rose-500 {
  background-color: var(--rose-500, "#F63D68");
}

.bg-rose-600 {
  background-color: var(--rose-600, "#E31B54");
}

.bg-rose-700 {
  background-color: var(--rose-700, "#C01048");
}

.bg-rose-800 {
  background-color: var(--rose-800, "#A11043");
}

.bg-rose-900 {
  background-color: var(--rose-900, "#89123E");
}

.bg-rose-950 {
  background-color: var(--rose-950, "#510B24");
}

.bg-orange-25 {
  background-color: var(--orange-25, "#FFFAF5");
}

.bg-orange-50 {
  background-color: var(--orange-50, "#FFF1F3");
}

.bg-orange-100 {
  background-color: var(--orange-100, "#FFEAD5");
}

.bg-orange-200 {
  background-color: var(--orange-200, "#FDDCAB");
}

.bg-orange-300 {
  background-color: var(--orange-300, "#FEB273");
}

.bg-orange-400 {
  background-color: var(--orange-400, "#FD853A");
}

.bg-orange-500 {
  background-color: var(--orange-500, "#FB6514");
}

.bg-orange-600 {
  background-color: var(--orange-600, "#EC4A0A");
}

.bg-orange-700 {
  background-color: var(--orange-700, "#C4320A");
}

.bg-orange-800 {
  background-color: var(--orange-800, "#9C2A10");
}

.bg-orange-900 {
  background-color: var(--orange-900, "#7E2410");
}

.bg-orange-950 {
  background-color: var(--orange-950, "#511C10");
}