:root[data-theme="main"] {
  --bg-url: url('../img/bg2.png');

  --panel-gradient-color: 2, 50, 86;
  --panel-border: rgba(122,158,97, 0.5);
  --header-color: #ffffff;
  --main-header-color: #ffffff;
  --header-icon-filter: invert(82%) sepia(32%) saturate(1817%) hue-rotate(144deg) brightness(95%) contrast(90%);

  --active-button-color: #0093a8;
  --passive-button-color: #467185;
  --active-btext-color: #ffffff;
  --passive-btext-color: #c4dce5;

  --history-block-color: rgba(1,44,66,.9);
  --history-money-color: #60a900;

  --input-field-bg: #093e60;
  --input-field-ph-color: #fff;
  --input-field-border-color: #0e4264;

  --leader-bg-color: #023c5f;
  --lot-text-color: #ced1d3;
  --lot-bg-color: 2,60,95;
  --lot-border-color: 27, 42, 51;
  --lot-percent-color: #639fea;

  --timer-text-color: #ffffff;
}

:root[data-theme="base"] {
  --bg-url: url('../img/bg3.png');

  --panel-gradient-color: 2, 10, 21;
  --panel-border: rgba(122,158,97, 0.5);
  --header-color: #ffffff;
  --main-header-color: #ffffff;
  --header-icon-filter: invert(54%) sepia(10%) saturate(690%) hue-rotate(180deg) brightness(101%) contrast(92%);

  --active-button-color: #008645;
  --passive-button-color: #0d1624;
  --active-btext-color: #ffffff;
  --passive-btext-color: #c4dce5;

  --history-block-color: rgba(8,17,30,.9);
  --history-money-color: #00ff86;

  --input-field-bg: #0d1622;
  --input-field-ph-color: #cbd9ee;
  --input-field-border-color: #172231;

  --leader-bg-color: #121f27;
  --lot-text-color: #ced1d3;
  --lot-bg-color: 17,28,37;
  --lot-border-color: 27, 42, 51;
  --lot-percent-color: #008645;

  --timer-text-color: #ffffff;
}

:root[data-theme="moon"] {
  --bg-url: url('../img/bg6.png');

  --panel-gradient-color: 18, 32, 43;
  --panel-border: rgba(122,158,97, 0.5);
  --header-color: #e4e5e5;
  --main-header-color: #e4e5e5;
  --header-icon-filter: invert(54%) sepia(10%) saturate(690%) hue-rotate(180deg) brightness(101%) contrast(92%);

  --active-button-color: #2e3e4e;
  --passive-button-color: #151f29;
  --active-btext-color: #c1c9d5;
  --passive-btext-color: #909495;

  --history-block-color: rgba(8,17,30,.9);
  --history-money-color: #489c7c;

  --input-field-bg: #0e161f;
  --input-field-ph-color: #e4e5e5;
  --input-field-border-color: #273845;

  --leader-bg-color: #121f27;
  --lot-text-color: #ced1d3;
  --lot-bg-color: 17,28,37;
  --lot-border-color: 27, 42, 51;
  --lot-percent-color: #9f76ea;

  --timer-text-color: #e4e5e5;
}

:root[data-theme="cybercity"] {
  --bg-url: url('../img/bg5.png');

  --panel-gradient-color: 15, 19, 71;
  --panel-border: rgba(122,158,97, 0.5);
  --header-color: #fefefe;
  --main-header-color: #fefefe;
  --header-icon-filter: invert(59%) sepia(98%) saturate(2195%) hue-rotate(266deg) brightness(102%) contrast(93%);

  --active-button-color: #a9168a;
  --passive-button-color: #131330;
  --active-btext-color: #e4d7e7;
  --passive-btext-color: #7d7682;

  --history-block-color: rgba(11,14,43,.9);
  --history-money-color: #5bcf9d;

  --input-field-bg: #18184d;
  --input-field-ph-color: #e4e5e5;
  --input-field-border-color: #221e57;

  --leader-bg-color: #121936;
  --lot-text-color: #f8f5f9;
  --lot-bg-color: 18,25,54;
  --lot-border-color: 28, 36, 68;
  --lot-percent-color: #da3fe6;

  --timer-text-color: #fefefe;
}

:root[data-theme="flowers"] {
  --bg-url: url('../img/bg1.png');

  --panel-gradient-color: 246, 252, 254;
  --panel-border: 0px solid rgba(0,0,0, 1);
  --main-header-color: #fffeff;
  --header-color: #070707;
  --header-icon-filter: invert(64%) sepia(78%) saturate(505%) hue-rotate(31deg) brightness(91%) contrast(92%);

  --active-button-color: #93b836;
  --passive-button-color: #f4f6ed;
  --active-btext-color: #fafbf5;
  --passive-btext-color: #040404;

  --history-block-color: rgba(246,246,246,.9);
  --history-money-color: #94be4f;

  --input-field-bg: #fbfefe;
  --input-field-ph-color: #444348;
  --input-field-border-color: #edeef0;

  --leader-bg-color: #fdfdfd;
  --lot-text-color: #040404;
  --lot-bg-color: 253,253,253;
  --lot-border-color: 216, 216, 216;
  --lot-percent-color: #93b836;

  --timer-text-color: #000000;
}


:root[data-theme="circus"] {
  --bg-url: url('../img/bg7.png');

  --panel-gradient-color: 246, 223, 208;
  --panel-border: 0px solid rgba(0,0,0, 1);
  --main-header-color: #fffeff;
  --header-color: #070707;
--header-icon-filter: invert(39%) sepia(45%) saturate(1530%) hue-rotate(189deg) brightness(96%) contrast(91%);

  --active-button-color: #2d5ba8;
  --passive-button-color: #3b1928;
  --active-btext-color: #fafbf5;
  --passive-btext-color: #999999;

  --history-block-color: rgba(248,216,195,.9);
  --history-money-color: #076b61;

  --input-field-bg: #fbeee7;
  --input-field-ph-color: #444242;
  --input-field-border-color: #f0e5dd;
 
  --leader-bg-color: #fdebde;
  --lot-text-color: #22211f;
  --lot-bg-color: 253,235,222;
  --lot-border-color: 246, 226, 212;
  --lot-percent-color: #e87222  ;

  --timer-text-color: #302928;
}



:root[data-theme="jack"] {
  --bg-url: url('../img/bg8.png');

  --panel-gradient-color: 24, 9, 41;
  --panel-border: 0px solid rgba(0,0,0, 1);
  --main-header-color: #f6f6f0;
  --header-color: #f6f6f0;
--header-icon-filter: invert(33%) sepia(88%) saturate(1510%) hue-rotate(5deg) brightness(96%) contrast(96%);

  --active-button-color: #b0450c;
  --passive-button-color: #210d26;
  --active-btext-color: #fbfbfc;
  --passive-btext-color: #fefefe;

  --history-block-color: rgba(21,10,36,.9);
  --history-money-color: #f99f2a;

  --input-field-bg: #261839;
  --input-field-ph-color: #dad3dd;
  --input-field-border-color: #2a1d3d;
 
  --leader-bg-color: #170b2b;
  --lot-text-color: #f8f7f8;
  --lot-bg-color: 23,11,43;
  --lot-border-color: 32, 17, 54;
  --lot-percent-color: #c24c09;

  --timer-text-color: #faf9fb;
}


:root[data-theme="sakura"] {
  --bg-url: url('../img/bg9.png');

  --panel-gradient-color: 251, 226, 222;
  --panel-border: 0px solid rgba(0,0,0, 1);
  --main-header-color: #1f1f27;
  --main-title-shadow-color: #ffffff;
  --header-color: #1f1f27;
--header-icon-filter: invert(40%) sepia(63%) saturate(1260%) hue-rotate(298deg) brightness(94%) contrast(91%);

  --active-button-color: #c94c6f;
  --passive-button-color: #d3c5cf;
  --active-btext-color: #ffffff;
  --passive-btext-color: #2e2d36;

  --history-block-color: rgba(236,197,200,.9);
  --history-money-color: #4d5149;

  --input-field-bg: #f7eaeb;
  --input-field-ph-color: #665b5e;
  --input-field-border-color: #efd5d3;
 
  --leader-bg-color: #f4dbd5;
  --lot-text-color: #2b1514;
  --lot-bg-color: 244,216,213;
  --lot-border-color: 231, 193, 190;
  --lot-percent-color: #b13870;

  --timer-text-color: #1f1f27;
}


:root[data-theme="love"] {
  --bg-url: url('../img/bg10.png');

  --panel-gradient-color: 252, 218, 226;
  --panel-border: 0px solid rgba(0,0,0, 1);
  --main-header-color: #0a0707;
  --main-title-shadow-color: transparent;
  --main-title-shadow-y: 0px;
  --main-title-shadow-size: 0px;
  --header-color: #0a0707;
--header-icon-filter: invert(37%) sepia(92%) saturate(1895%) hue-rotate(318deg) brightness(99%) contrast(91%);

  --active-button-color: #f13c6c;
  --passive-button-color: #fdd9e1;
  --active-btext-color: #ffffff;
  --passive-btext-color: #080808;

  --history-block-color: rgba(254,230,232,.9);
  --history-money-color: #b7254c;

  --input-field-bg: #f7eaeb;
  --input-field-ph-color: #2a242d;
  --input-field-border-color: #efd5d3;
 
  --leader-bg-color: #fde6eb;
  --lot-text-color: #2b1514;
  --lot-bg-color: 253,230,235;
  --lot-border-color: 231, 193, 190;
  --lot-percent-color: #f52f71;

  --timer-text-color: #080808;
}