:root {
    --background: rgb(255, 255, 255);
    --contentBackground: rgb(255, 255, 255);
    --orderbackground: rgb(255, 255, 255);
    --hovercolor: rgb(236, 236, 236);
    --activecolor: rgb(218, 218, 218);
    --buttoncolor: #ffffff;
    --textcolor: #3d3d3d;
    --informationcolor: #d4d4d4;
    --bordercolor: rgb(218, 218, 218);
    --hcolor: #000000;
    --headercolor: #000000;
    --borderradius: 10px;
  }
  
  .darker-theme {
    --background: rgb(34, 51, 77);
    --contentBackground: rgb(48, 65, 90);
    --orderbackground: rgb(48, 65, 90);
    --hovercolor: rgb(36, 53, 79);
    --activecolor: rgb(24, 41, 67);
    --buttoncolor: rgb(24, 41, 67);
    --informationcolor: #ffffff;
    --headercolor: rgb(14, 24, 43);
    --bordercolor: rgb(30, 43, 66);
    --textcolor: #ffffff;
    --hcolor: #ffffff;
  }
  
  .sunset-theme {
    --background: rgb(255, 183, 77);
    --contentBackground: rgb(255, 204, 128);
    --orderbackground: rgb(255, 224, 178);
    --hovercolor: rgb(255, 171, 64);
    --activecolor: rgb(255, 145, 0);
    --buttoncolor: rgb(255, 109, 0);
    --informationcolor: rgb(255, 243, 224);
    --headercolor: rgb(255, 87, 34);
    --bordercolor: rgb(255, 138, 101);
    --textcolor: rgb(66, 33, 11);
    --hcolor: rgb(33, 33, 33);
  }
  
  .forest-theme {
    --background: rgb(69, 90, 100);
    --contentBackground: rgb(120, 144, 156);
    --orderbackground: rgb(96, 125, 139);
    --hovercolor: rgb(84, 110, 122);
    --activecolor: rgb(38, 50, 56);
    --buttoncolor: rgb(55, 71, 79);
    --informationcolor: rgb(176, 190, 197);
    --headercolor: rgb(0, 77, 64);
    --bordercolor: rgb(0, 121, 107);
    --textcolor: rgb(255, 255, 255);
    --hcolor: rgb(255, 255, 255);
  }
  
  .ocean-theme {
    --background: rgb(3, 169, 244);
    --contentBackground: rgb(129, 212, 250);
    --orderbackground: rgb(179, 229, 252);
    --hovercolor: rgb(2, 136, 209);
    --activecolor: rgb(1, 87, 155);
    --buttoncolor: rgb(2, 119, 189);
    --informationcolor: rgb(225, 245, 254);
    --headercolor: rgb(0, 96, 100);
    --bordercolor: rgb(0, 131, 143);
    --textcolor: rgb(255, 255, 255);
    --hcolor: rgb(0, 0, 0);
  }
  
  .midnight-theme {
    --background: rgb(27, 38, 44);
    --contentBackground: rgb(39, 54, 60);
    --orderbackground: rgb(51, 67, 73);
    --hovercolor: rgb(20, 28, 32);
    --activecolor: rgb(15, 21, 24);
    --buttoncolor: rgb(25, 35, 40);
    --informationcolor: rgb(77, 90, 97);
    --headercolor: rgb(0, 40, 60);
    --bordercolor: rgb(0, 60, 90);
    --textcolor: rgb(200, 200, 200);
    --hcolor: rgb(255, 255, 255);
  }
  
  .pastel-dreams-theme {
    --background: rgb(255, 228, 225);
    --contentBackground: rgb(255, 247, 235);
    --orderbackground: rgb(255, 241, 237);
    --hovercolor: rgb(255, 211, 212);
    --activecolor: rgb(255, 195, 206);
    --buttoncolor: rgb(255, 182, 193);
    --informationcolor: rgb(255, 223, 211);
    --headercolor: rgb(245, 183, 177);
    --bordercolor: rgb(250, 200, 190);
    --textcolor: rgb(117, 75, 82);
    --hcolor: rgb(77, 45, 50);
  }
  
  .muted-moonlight-theme {
    --background: rgb(44, 47, 51);
    --contentBackground: rgb(57, 60, 67);
    --orderbackground: rgb(69, 73, 78);
    --hovercolor: rgb(37, 40, 43);
    --activecolor: rgb(31, 34, 38);
    --buttoncolor: rgb(49, 52, 57);
    --informationcolor: rgb(100, 104, 110);
    --headercolor: rgb(25, 27, 30);
    --bordercolor: rgb(85, 88, 93);
    --textcolor: rgb(220, 220, 220);
    --hcolor: rgb(245, 245, 245);
  }
  
  .shadowy-forest-theme {
    --background: rgb(40, 54, 40);
    --contentBackground: rgb(53, 72, 53);
    --orderbackground: rgb(64, 88, 64);
    --hovercolor: rgb(33, 45, 33);
    --activecolor: rgb(27, 36, 27);
    --buttoncolor: rgb(46, 61, 46);
    --informationcolor: rgb(87, 116, 87);
    --headercolor: rgb(23, 31, 23);
    --bordercolor: rgb(77, 103, 77);
    --textcolor: rgb(204, 228, 204);
    --hcolor: rgb(240, 255, 240);
  }
  
  .mystic-night-theme {
    --background: rgb(35, 28, 50);
    --contentBackground: rgb(50, 40, 70);
    --orderbackground: rgb(60, 48, 84);
    --hovercolor: rgb(28, 22, 40);
    --activecolor: rgb(23, 18, 33);
    --buttoncolor: rgb(45, 36, 63);
    --informationcolor: rgb(88, 75, 123);
    --headercolor: rgb(20, 16, 30);
    --bordercolor: rgb(77, 65, 108);
    --textcolor: rgb(225, 225, 245);
    --hcolor: rgb(250, 250, 255);
  }
  
  .soft-coal-theme {
    --background: rgb(47, 47, 47);
    --contentBackground: rgb(60, 60, 60);
    --orderbackground: rgb(70, 70, 70);
    --hovercolor: rgb(40, 40, 40);
    --activecolor: rgb(35, 35, 35);
    --buttoncolor: rgb(55, 55, 55);
    --informationcolor: rgb(100, 100, 100);
    --headercolor: rgb(25, 25, 25);
    --bordercolor: rgb(85, 85, 85);
    --textcolor: rgb(200, 200, 200);
    --hcolor: rgb(255, 255, 255);
  }
  
  .embers-theme {
    --background: rgb(30, 24, 24);
    --contentBackground: rgb(45, 36, 36);
    --orderbackground: rgb(55, 45, 45);
    --hovercolor: rgb(25, 20, 20);
    --activecolor: rgb(20, 16, 16);
    --buttoncolor: rgb(40, 32, 32);
    --informationcolor: rgb(80, 65, 65);
    --headercolor: rgb(18, 14, 14);
    --bordercolor: rgb(70, 55, 55);
    --textcolor: rgb(220, 200, 200);
    --hcolor: rgb(255, 235, 235);
  }
  
  .deep-sea-theme {
    --background: rgb(20, 34, 40);
    --contentBackground: rgb(28, 48, 57);
    --orderbackground: rgb(36, 60, 72);
    --hovercolor: rgb(17, 28, 33);
    --activecolor: rgb(14, 23, 27);
    --buttoncolor: rgb(24, 41, 49);
    --informationcolor: rgb(66, 110, 130);
    --headercolor: rgb(12, 20, 24);
    --bordercolor: rgb(55, 92, 109);
    --textcolor: rgb(200, 230, 240);
    --hcolor: rgb(245, 255, 255);
  }
  
  .winter-frost-theme {
    --background: rgb(36, 40, 47);
    --contentBackground: rgb(50, 56, 66);
    --orderbackground: rgb(60, 68, 80);
    --hovercolor: rgb(31, 35, 41);
    --activecolor: rgb(26, 30, 36);
    --buttoncolor: rgb(45, 50, 58);
    --informationcolor: rgb(95, 105, 120);
    --headercolor: rgb(20, 23, 28);
    --bordercolor: rgb(80, 90, 104);
    --textcolor: rgb(220, 230, 240);
    --hcolor: rgb(250, 255, 255);
  }
  
  .dim-lights-theme {
    --background: rgb(38, 38, 38);
    --contentBackground: rgb(50, 50, 50);
    --orderbackground: rgb(62, 62, 62);
    --hovercolor: rgb(33, 33, 33);
    --activecolor: rgb(28, 28, 28);
    --buttoncolor: rgb(44, 44, 44);
    --informationcolor: rgb(88, 88, 88);
    --headercolor: rgb(22, 22, 22);
    --bordercolor: rgb(77, 77, 77);
    --textcolor: rgb(200, 200, 200);
    --hcolor: rgb(240, 240, 240);
  }
  
  .cinder-shade-theme {
    --background: rgb(40, 35, 30);
    --contentBackground: rgb(55, 48, 41);
    --orderbackground: rgb(65, 57, 49);
    --hovercolor: rgb(33, 29, 25);
    --activecolor: rgb(28, 24, 20);
    --buttoncolor: rgb(48, 41, 35);
    --informationcolor: rgb(85, 73, 62);
    --headercolor: rgb(25, 21, 18);
    --bordercolor: rgb(75, 64, 54);
    --textcolor: rgb(220, 210, 200);
    --hcolor: rgb(255, 245, 235);
  }
  
  .dusk-cloud-theme {
    --background: rgb(42, 39, 48);
    --contentBackground: rgb(55, 52, 63);
    --orderbackground: rgb(67, 64, 78);
    --hovercolor: rgb(36, 34, 41);
    --activecolor: rgb(30, 28, 34);
    --buttoncolor: rgb(49, 46, 56);
    --informationcolor: rgb(95, 90, 110);
    --headercolor: rgb(23, 21, 26);
    --bordercolor: rgb(85, 80, 100);
    --textcolor: rgb(220, 215, 240);
    --hcolor: rgb(250, 245, 255);
  }
  
  .ashen-blue-theme {
    --background: rgb(32, 36, 48);
    --contentBackground: rgb(42, 48, 64);
    --orderbackground: rgb(54, 61, 82);
    --hovercolor: rgb(28, 31, 41);
    --activecolor: rgb(22, 26, 34);
    --buttoncolor: rgb(38, 44, 58);
    --informationcolor: rgb(75, 84, 110);
    --headercolor: rgb(18, 21, 28);
    --bordercolor: rgb(65, 72, 94);
    --textcolor: rgb(200, 210, 240);
    --hcolor: rgb(240, 250, 255);
  }
  
  .moody-purple-theme {
    --background: rgb(48, 36, 60);
    --contentBackground: rgb(61, 46, 77);
    --orderbackground: rgb(74, 56, 94);
    --hovercolor: rgb(40, 30, 50);
    --activecolor: rgb(34, 26, 43);
    --buttoncolor: rgb(52, 39, 66);
    --informationcolor: rgb(95, 72, 120);
    --headercolor: rgb(25, 19, 33);
    --bordercolor: rgb(85, 65, 110);
    --textcolor: rgb(225, 215, 240);
    --hcolor: rgb(250, 245, 255);
  }