/*----------------------------------------------------------------------
    * Dashmater Material Colors
    * Get color https://m3.material.io/theme-builder#/custom (Export>> Web css>> tokens.css)
    * The Material 3 color scheme is start from 10 to 99 (from dark to light).
    * While the Tailwind color scheme is from 50 to 950 (from light to dark).
    * You need to convert from Material design Color to Tailwind Format.
    * And edit default color from tailwind.config.js
------------------------------------------------------------------------*/
.theme-red {
  --color-primary-10: rgb(255,251,255);
  --color-primary-50: rgb(255,237,233);
  --color-primary-100: rgb(255,218,210);
  --color-primary-200: rgb(255,180,163);
  --color-primary-300: rgb(255,139,111);
  --color-primary-400: rgb(225,112,84);
  --color-primary-500: rgb(192,87,62);
  --color-primary-600: rgb(160,63,40);
  --color-primary-700: rgb(129,40,19);
  --color-primary-800: rgb(97,18,1);
  --color-primary-900: rgb(61,7,0);
  --color-secondary-10: rgb(255,251,255);
  --color-secondary-50: rgb(255,237,233);
  --color-secondary-100: rgb(255,218,210);
  --color-secondary-200: rgb(231,189,179);
  --color-secondary-300: rgb(202,162,153);
  --color-secondary-400: rgb(174,136,127);
  --color-secondary-500: rgb(146,111,103);
  --color-secondary-600: rgb(119,87,79);
  --color-secondary-700: rgb(93,63,56);
  --color-secondary-800: rgb(68,42,35);
  --color-secondary-900: rgb(44,21,16);
  --color-tertiary-10: rgb(255, 251, 255);
  --color-tertiary-50: rgb(255, 239, 204);
  --color-tertiary-100: rgb(247,225,166);
  --color-tertiary-200: rgb(218,197,140);
  --color-tertiary-300: rgb(190,170,116);
  --color-tertiary-400: rgb(162,143,92);
  --color-tertiary-500: rgb(135,118,68);
  --color-tertiary-600: rgb(109,93,46);
  --color-tertiary-700: rgb(84,69,25);
  --color-tertiary-800: rgb(60,47,4);
  --color-tertiary-900: rgb(36,26,0);
  --color-error-10: rgb(255,251,255);
  --color-error-50: rgb(255,237,234);
  --color-error-100: rgb(255,218,214);
  --color-error-200: rgb(255,180,171);
  --color-error-300: rgb(255,137,125);
  --color-error-400: rgb(255,84,73);
  --color-error-500: rgb(222,55,48);
  --color-error-600: rgb(186,26,26);
  --color-error-700: rgb(147,0,10);
  --color-error-800: rgb(105,0,5);
  --color-error-900: rgb(65,0,2);
  --color-neutral-10: rgb(255,251,255);
  --color-neutral-50: rgb(251,238,235);
  --color-neutral-100: rgb(237,224,221);
  --color-neutral-200: rgb(208,196,193);
  --color-neutral-300: rgb(180,169,166);
  --color-neutral-400: rgb(153,142,140);
  --color-neutral-500: rgb(127,117,115);
  --color-neutral-600: rgb(101,92,90);
  --color-neutral-700: rgb(77,69,67);
  --color-neutral-800: rgb(54,47,45);
  --color-neutral-900: rgb(32,26,25);
  --color-gray-10: rgb(255,251,255);
  --color-gray-50: rgb(255,237,233);
  --color-gray-100: rgb(245,221,216);
  --color-gray-200: rgb(216,194,189);
  --color-gray-300: rgb(188,167,162);
  --color-gray-400: rgb(160,140,136);
  --color-gray-500: rgb(133,115,111);
  --color-gray-600: rgb(108,91,87);
  --color-gray-700: rgb(83,67,64);
  --color-gray-800: rgb(59,45,42);
  --color-gray-900: rgb(37,25,22);
  --color-surface-50: rgb(255,251,254);
  --color-surface-100: rgb(245,240,240);
  --color-surface-200: rgb(243,234,235);
  --color-surface-300: rgb(240,229,229);
  --color-surface-400: rgb(239,227,228);
  --color-surface-500: rgb(237,223,224);
  --color-surfacedark-50: rgb(32,26,25);
  --color-surfacedark-100: rgb(47,37,37);
  --color-surfacedark-200: rgb(54,41,41);
  --color-surfacedark-300: rgb(60,46,46);
  --color-surfacedark-400: rgb(62,47,47);
  --color-surfacedark-500: rgb(67,50,50);
  --color-white: rgb(255,255,255);
  --color-black: rgb(0,0,0);
}

.theme-green {
  --color-primary-10: rgb(248,255,233);
  --color-primary-50: rgb(210,255,158);
  --color-primary-100: rgb(194,241,142);
  --color-primary-200: rgb(167,212,116);
  --color-primary-300: rgb(140,184,92);
  --color-primary-400: rgb(115,157,68);
  --color-primary-500: rgb(90,130,45);
  --color-primary-600: rgb(66,105,21);
  --color-primary-700: rgb(45,80,0);
  --color-primary-800: rgb(29,55,0);
  --color-primary-900: rgb(15,32,0);
  --color-secondary-10: rgb(248,255,233);
  --color-secondary-50: rgb(233,245,214);
  --color-secondary-100: rgb(219,231,200);
  --color-secondary-200: rgb(191,203,173);
  --color-secondary-300: rgb(164,175,147);
  --color-secondary-400: rgb(137,149,121);
  --color-secondary-500: rgb(112,123,97);
  --color-secondary-600: rgb(87,98,74);
  --color-secondary-700: rgb(64,74,51);
  --color-secondary-800: rgb(42,51,31);
  --color-secondary-900: rgb(21,30,11);
  --color-tertiary-10: rgb(242,255,253);
  --color-tertiary-50: rgb(201,250,246);
  --color-tertiary-100: rgb(187,236,232);
  --color-tertiary-200: rgb(160,207,204);
  --color-tertiary-300: rgb(133,180,177);
  --color-tertiary-400: rgb(107,153,150);
  --color-tertiary-500: rgb(81,127,124);
  --color-tertiary-600: rgb(56,102,99);
  --color-tertiary-700: rgb(31,78,76);
  --color-tertiary-800: rgb(0,55,53);
  --color-tertiary-900: rgb(0,32,31);
  --color-error-10: rgb(255,251,255);
  --color-error-50: rgb(255,237,234);
  --color-error-100: rgb(255,218,214);
  --color-error-200: rgb(255,180,171);
  --color-error-300: rgb(255,137,125);
  --color-error-400: rgb(255,84,73);
  --color-error-500: rgb(222,55,48);
  --color-error-600: rgb(186,26,26);
  --color-error-700: rgb(147,0,10);
  --color-error-800: rgb(105,0,5);
  --color-error-900: rgb(65,0,2);
  --color-neutral-10: rgb(253,252,245);
  --color-neutral-50: rgb(242,241,234);
  --color-neutral-100: rgb(227,227,219);
  --color-neutral-200: rgb(199,199,192);
  --color-neutral-300: rgb(171,172,165);
  --color-neutral-400: rgb(145,145,139);
  --color-neutral-500: rgb(119,119,114);
  --color-neutral-600: rgb(94,95,89);
  --color-neutral-700: rgb(70,71,66);
  --color-neutral-800: rgb(48,49,44);
  --color-neutral-900: rgb(27,28,24);
  --color-gray-10: rgb(251,254,238);
  --color-gray-50: rgb(239,242,227);
  --color-gray-100: rgb(225,228,213);
  --color-gray-200: rgb(196,200,186);
  --color-gray-300: rgb(169,173,159);
  --color-gray-400: rgb(142,146,133);
  --color-gray-500: rgb(117,121,108);
  --color-gray-600: rgb(92,96,84);
  --color-gray-700: rgb(68,72,61);
  --color-gray-800: rgb(46,50,40);
  --color-gray-900: rgb(25,29,20);
  --color-surface-50: rgb(253,252,245);
  --color-surface-100: rgb(240,243,232);
  --color-surface-200: rgb(235,239,226);
  --color-surface-300: rgb(229,234,220);
  --color-surface-400: rgb(227,233,218);
  --color-surface-500: rgb(223,230,213);
  --color-surfacedark-50: rgb(27,28,24);
  --color-surfacedark-100: rgb(35,40,32);
  --color-surfacedark-200: rgb(39,46,35);
  --color-surfacedark-300: rgb(43,51,38);
  --color-surfacedark-400: rgb(44,53,39);
  --color-surfacedark-500: rgb(47,57,41);
  --color-white: rgb(255,255,255);
  --color-black: rgb(0,0,0);
}

.theme-purple {
  --color-primary-10: rgb(255,251,255);
  --color-primary-50: rgb(246,238,255);
  --color-primary-100: rgb(233,221,255);
  --color-primary-200: rgb(207,188,255);
  --color-primary-300: rgb(182,157,248);
  --color-primary-400: rgb(154,131,219);
  --color-primary-500: rgb(128,105,191);
  --color-primary-600: rgb(103,80,164);
  --color-primary-700: rgb(79,55,138);
  --color-primary-800: rgb(56,30,114);
  --color-primary-900: rgb(34,0,93);
  --color-primary-950: rgb(0,31,35);

  --color-secondary-10: rgb(255,251,255);
  --color-secondary-50: rgb(246,238,255);
  --color-secondary-100: rgb(232,222,248);
  --color-secondary-200: rgb(203,194,219);
  --color-secondary-300: rgb(176,167,192);
  --color-secondary-400: rgb(149,141,164);
  --color-secondary-500: rgb(123,116,138);
  --color-secondary-600: rgb(98,91,113);
  --color-secondary-700: rgb(74,68,88);
  --color-secondary-800: rgb(51,45,65);
  --color-secondary-900: rgb(30,25,43);

  --color-tertiary-10: rgb(255,251,255);
  --color-tertiary-50: rgb(255,236,240);
  --color-tertiary-100: rgb(255,217,227);
  --color-tertiary-200: rgb(239,184,200);
  --color-tertiary-300: rgb(210,157,173);
  --color-tertiary-400: rgb(181,131,146);
  --color-tertiary-500: rgb(153,106,121);
  --color-tertiary-600: rgb(126,82,96);
  --color-tertiary-700: rgb(99,59,72);
  --color-tertiary-800: rgb(74,37,50);
  --color-tertiary-900: rgb(49,16,29);

  --color-error-10: rgb(255,251,255);
  --color-error-50: rgb(255,237,234);
  --color-error-100: rgb(255,218,214);
  --color-error-200: rgb(255,180,171);
  --color-error-300: rgb(255,137,125);
  --color-error-400: rgb(255,84,73);
  --color-error-500: rgb(222,55,48);
  --color-error-600: rgb(186,26,26);
  --color-error-700: rgb(147,0,10);
  --color-error-800: rgb(105,0,5);
  --color-error-900: rgb(65,0,2);

  --color-neutral-10: rgb(255,251,255);
  --color-neutral-50: rgb(244,239,244);
  --color-neutral-100: rgb(230,225,230);
  --color-neutral-200: rgb(202,197,202);
  --color-neutral-300: rgb(174,170,174);
  --color-neutral-400: rgb(147,143,148);
  --color-neutral-500: rgb(121,118,122);
  --color-neutral-600: rgb(96,93,98);
  --color-neutral-700: rgb(72,70,74);
  --color-neutral-800: rgb(49,48,51);
  --color-neutral-900: rgb(28,27,30);

  --color-gray-10: rgb(255,251,255);
  --color-gray-50: rgb(245,238,250);
  --color-gray-100: rgb(231,224,235);
  --color-gray-200: rgb(202,196,207);
  --color-gray-300: rgb(175,169,180);
  --color-gray-400: rgb(148,143,153);
  --color-gray-500: rgb(122,117,127);
  --color-gray-600: rgb(97,93,102);
  --color-gray-700: rgb(73,69,78);
  --color-gray-800: rgb(50,47,56);
  --color-gray-900: rgb(29,26,34);

  --color-surface-50: rgb(255,251,254);
  --color-surface-100: rgb(248,243,249);
  --color-surface-200: rgb(243,238,247);
  --color-surface-300: rgb(238,232,243);
  --color-surface-400: rgb(237,230,242);
  --color-surface-500: rgb(234,227,241);
  --color-surfacedark-50: rgb(28,27,31);
  --color-surfacedark-100: rgb(38,36,42);
  --color-surfacedark-200: rgb(42,40,48);
  --color-surfacedark-300: rgb(48,45,55);
  --color-surfacedark-400: rgb(51,47,58);
  --color-surfacedark-500: rgb(54,50,62);
  --color-white: rgb(255,255,255);
  --color-black: rgb(0,0,0);
}

.theme-yellow {
  --color-primary-10: rgb(255,251,255);
  --color-primary-50: rgb(250,246,122);
  --color-primary-100: rgb(236,231,110);
  --color-primary-200: rgb(207,203,85);
  --color-primary-300: rgb(179,175,60);
  --color-primary-400: rgb(152,148,34);
  --color-primary-500: rgb(126,122,0);
  --color-primary-600: rgb(100,97,0);
  --color-primary-700: rgb(75,73,0);
  --color-primary-800: rgb(51,50,0);
  --color-primary-900: rgb(30,29,0);
  --color-secondary-10: rgb(255,251,255);
  --color-secondary-50: rgb(246,242,204);
  --color-secondary-100: rgb(232,228,191);
  --color-secondary-200: rgb(203,200,164);
  --color-secondary-300: rgb(175,173,138);
  --color-secondary-400: rgb(149,146,113);
  --color-secondary-500: rgb(122,120,89);
  --color-secondary-600: rgb(97,96,66);
  --color-secondary-700: rgb(73,72,44);
  --color-secondary-800: rgb(50,49,24);
  --color-secondary-900: rgb(29,28,6);
  --color-tertiary-10: rgb(244,255,247);
  --color-tertiary-50: rgb(206,251,229);
  --color-tertiary-100: rgb(192,236,215);
  --color-tertiary-200: rgb(165,208,187);
  --color-tertiary-300: rgb(138,180,161);
  --color-tertiary-400: rgb(112,154,135);
  --color-tertiary-500: rgb(87,127,110);
  --color-tertiary-600: rgb(62,102,85);
  --color-tertiary-700: rgb(38,78,62);
  --color-tertiary-800: rgb(12,55,41);
  --color-tertiary-900: rgb(0,33,22);
  --color-error-10: rgb(255,251,255);
  --color-error-50: rgb(255,237,234);
  --color-error-100: rgb(255,218,214);
  --color-error-200: rgb(255,180,171);
  --color-error-300: rgb(255,137,125);
  --color-error-400: rgb(255,84,73);
  --color-error-500: rgb(222,55,48);
  --color-error-600: rgb(186,26,26);
  --color-error-700: rgb(147,0,10);
  --color-error-800: rgb(105,0,5);
  --color-error-900: rgb(65,0,2);
  --color-neutral-10: rgb(255,251,255);
  --color-neutral-50: rgb(244,240,231);
  --color-neutral-100: rgb(230,226,217);
  --color-neutral-200: rgb(202,198,190);
  --color-neutral-300: rgb(174,171,163);
  --color-neutral-400: rgb(147,145,137);
  --color-neutral-500: rgb(121,119,112);
  --color-neutral-600: rgb(96,94,88);
  --color-neutral-700: rgb(72,71,64);
  --color-neutral-800: rgb(49,48,43);
  --color-neutral-900: rgb(28,28,22);
  --color-gray-10: rgb(255,251,255);
  --color-gray-50: rgb(245,241,223);
  --color-gray-100: rgb(230,227,209);
  --color-gray-200: rgb(202,199,182);
  --color-gray-300: rgb(174,172,155);
  --color-gray-400: rgb(148,145,129);
  --color-gray-500: rgb(122,119,105);
  --color-gray-600: rgb(96,95,81);
  --color-gray-700: rgb(72,71,58);
  --color-gray-800: rgb(50,49,37);
  --color-gray-900: rgb(29,28,17);
  --color-surface-50: rgb(255,251,255);
  --color-surface-100: rgb(244,241,228);
  --color-surface-200: rgb(240,237,221);
  --color-surface-300: rgb(235,232,214);
  --color-surface-400: rgb(233,231,211);
  --color-surface-500: rgb(230,228,206);
  --color-surfacedark-50: rgb(28,28,22);
  --color-surfacedark-100: rgb(40,40,28);
  --color-surfacedark-200: rgb(45,45,30);
  --color-surfacedark-300: rgb(50,50,32);
  --color-surfacedark-400: rgb(52,52,33);
  --color-surfacedark-500: rgb(55,55,34);
  --color-white: rgb(255,255,255);
  --color-black: rgb(0,0,0);
}