:root {
  --bs-primary: #58b3d3;
  --background-color-primary: #58b2d32e;
  --background-color: rgb(240, 241, 244);
  --background-color-widget: rgb(255, 255, 255);
  --background-color-tariff-type: rgba(0, 0, 0, 0.04);
  --headerbg: white;
  --navbar-color: #737b8b;
  --footer-color: #737b8b;
  --text: #7e7e7e;
  --white-black: black;
  --version-left: 38px;
  --border-color: rgba(215, 214, 214, 0.48);
  --hover-color: #fafafa;
  --table-hover-color: #f4f4f4;
  --badge-txt-color-deleted: #ff4d4f;
  --badge-txt-color-waiting: #faad14;
  --badge-txt-color-paid: #0b527e;
  --badge-txt-color-denied: #062c42;
  --badge-txt-color-new: #0395b5;
  --badge-txt-color-blocked: #a91818;
  --badge-txt-color-disabled: #d9d9d9;
  --badge-txt-color-checking: #53819f;
  --badge-txt-color-canceled: #ff0000;
  --badge-txt-color-failed: #980b0b;
  --badge-txt-color-invoice-sending: rgb(208, 132, 5);
  --badge-txt-color-invoice-send: rgb(22, 189, 25);
  --badge-txt-color-closed: rgba(128, 128, 128, 0.77);
  --badge-txt-color-success: green !important;
  --badge-txt-color-check-ok: rgba(54, 153, 237, 0.69);
  --badge-txt-color-check-unknown: #a4abb6;
  --badge-txt-color-check-error: #ff3838;
  /*Background */
  --badge-bg-color-deleted: rgba(255, 107, 107, 0.24);
  --badge-bg-color-paid: rgba(11, 82, 126, 0.16);
  --badge-bg-color-denied: rgba(6, 44, 66, 0.16);
  --badge-bg-color-new: rgba(0, 193, 241, 0.16);
  --badge-bg-color-blocked: rgba(169, 24, 24, 0.16);
  --badge-bg-color-disabled: rgba(217, 217, 217, 0.16);
  --badge-bg-color-checking: rgba(83, 129, 159, 0.16);
  --badge-bg-color-canceled: rgba(255, 0, 0, 0.16);
  --badge-bg-color-failed: rgba(152, 11, 11, 0.16);
  --badge-bg-color-invoice-sending: rgba(208, 132, 5, 0.16);
  --badge-bg-color-invoice-send: rgba(22, 189, 25, 0.16);
  --badge-bg-color-closed: rgba(128, 128, 128, 0.16);
  --badge-bg-color-success: rgba(0, 128, 0, 0.16);
  --badge-bg-color-check-ok: rgba(52, 153, 237, 0.16);
  --badge-bg-color-check-unknown: rgba(164, 171, 182, 0.16);
  --badge-bg-color-check-error: rgba(255, 56, 56, 0.16);
  --badge-bg-color-waiting: rgba(245, 166, 35, 0.24);
  --badge-txt-color-unknown: rgba(245, 166, 35, 0.24);
}
.moon-mode {
  --bs-primary: #1eaae7;
  --background-color-primary: #1eabe72e;
  --background-color-widget: rgb(37, 44, 80);
  --background-color-tariff-type: rgb(37, 44, 80);
  --background-color: rgb(24, 28, 49);
  --headerbg: rgb(29, 34, 60);
  --main-color: white;
  --text: #828690;
  --white-black: white;
  --version-left: 34px;
  --footer-color: #38e5fb;
  --border-color: #333a54;
  --hover-color: rgba(0, 0, 0, 0.075);
  --tui-base-01: var(--headerbg);
  --tui-elevation-02: var(--headerbg);
  --tui-text-01: var(--white-black);
  --tui-base-03: var(--border-color);
  --tui-base-04: var(--border-color);
  --tui-text-02: var(--text);
  --box-shadow: 0 0 10px rgba(82, 63, 105, 0.05);
  --table-hover-color: #1e2746;
  background-color: var(--background-color);
  --badge-txt-color-deleted: #ff6b6b; /* Light red */
  --badge-txt-color-waiting: #f5a623; /* Light orange */
  --badge-txt-color-paid: #00aaff; /* Light blue */
  --badge-txt-color-denied: #78c1ff; /* Darker blue */
  --badge-txt-color-new: #05d5ef; /* Light cyan */
  --badge-txt-color-blocked: #f32525; /* Light grey */
  --badge-txt-color-disabled: #7d7d7d; /* Dark grey */
  --badge-txt-color-checking: #68bef3; /* Slate blue */
  --badge-txt-color-canceled: #ff4c4c; /* Bright red */
  --badge-txt-color-failed: #ef1d1d; /* Dark red */
  --badge-txt-color-invoice-sending: rgb(255, 180, 0); /* Brighter orange */
  --badge-txt-color-invoice-send: rgb(34, 255, 34); /* Bright green */
  --badge-txt-color-closed: rgba(200, 200, 200, 0.77); /* Lighter grey */
  --badge-txt-color-success: #66ff66; /* Bright green */
  --badge-txt-color-check-ok: rgba(62, 190, 251, 0.87); /* Light blue */
  --badge-txt-color-check-unknown: #c0c0c0; /* Light grey */
  --badge-bg-color-check-error: #ff6666; /* Bright red */
  --badge-bg-color-ok: rgba(0, 162, 255, 0.69); /* Bright red */
  --badge-bg-color-error: #ff6666; /* Bright red */
  /*Background */

  --badge-bg-color-deleted: rgba(255, 107, 107, 0.24) !important; /* Slightly darker red */
  --badge-bg-color-waiting: rgba(245, 166, 35, 0.24) !important; /* Slightly darker orange */
  --badge-bg-color-paid: rgba(0, 170, 255, 0.24) !important; /* Slightly darker blue */
  --badge-bg-color-denied: rgba(120, 193, 255, 0.24) !important; /* Slightly darker blue */
  --badge-bg-color-new: rgba(5, 213, 239, 0.24) !important; /* Slightly darker cyan */
  --badge-bg-color-blocked: rgba(169, 24, 24, 0.42) !important; /* Slightly darker grey */
  --badge-bg-color-disabled: rgba(125, 125, 125, 0.24) !important; /* Slightly darker grey */
  --badge-bg-color-checking: rgba(74, 127, 154, 0.24) !important; /* Slightly darker slate blue */
  --badge-bg-color-canceled: rgba(255, 76, 76, 0.24) !important; /* Slightly darker red */
  --badge-bg-color-failed: rgba(183, 60, 60, 0.24) !important; /* Slightly darker red */
  --badge-bg-color-invoice-sending: rgba(255, 180, 0, 0.24) !important; /* Slightly darker orange */
  --badge-bg-color-invoice-send: rgba(34, 255, 34, 0.24) !important; /* Slightly darker green */
  --badge-bg-color-closed: rgba(200, 200, 200, 0.24) !important; /* Slightly darker grey */
  --badge-bg-color-success: rgba(102, 255, 102, 0.24) !important; /* Slightly darker green */
  --badge-bg-color-check-ok: rgba(0, 162, 255, 0.24) !important; /* Slightly darker blue */
  --badge-bg-color-check-unknown: rgba(192, 192, 192, 0.24) !important; /* Slightly darker grey */
  --badge-bg-color-check-error: rgba(255, 102, 102, 0.24) !important; /* Slightly darker red */
  --badge-bg-color-check-sending: rgba(255, 102, 102, 0.24) !important; /* Slightly darker red */
  --badge-bg-color-unknown: rgba(255, 102, 102, 0.24) !important; /* Slightly darker red */
}

.dark-mode {
  --bs-primary: #1eaae7;
  --background-color-primary: #1eabe72e;
  --background-color-widget: rgb(66, 68, 75);
  --background-color-tariff-type: rgba(66, 68, 75, 0.19);
  --background-color: rgba(46, 48, 53, 1);
  --headerbg: rgba(59, 63, 68, 1);
  --main-color: white;
  --text: #828690;
  --white-black: white;
  --footer-color: #1eaae7;
  --border-color: rgba(155, 162, 177, 0.1);
  --hover-color: rgba(0, 0, 0, 0.075);
  --tui-base-01: var(--headerbg);
  --tui-elevation-02: var(--headerbg);
  --tui-text-01: var(--white-black);
  --tui-base-03: var(--border-color);
  --tui-base-04: var(--border-color);
  --tui-text-02: var(--text);
  --box-shadow: 0 0 10px rgba(82, 63, 105, 0.05);
  --table-hover-color: rgba(0, 0, 0, 0.075);
  background-color: var(--background-color);
  --badge-txt-color-deleted: #ff6b6b; /* Light red */
  --badge-txt-color-waiting: #f5a623; /* Light orange */
  --badge-txt-color-paid: #00aaff; /* Light blue */
  --badge-txt-color-denied: #78c1ff; /* Darker blue */
  --badge-txt-color-new: #05d5ef; /* Light cyan */
  --badge-txt-color-blocked: #ff0000; /* Light grey */
  --badge-txt-color-disabled: #7d7d7d; /* Dark grey */
  --badge-txt-color-checking: #68bef3; /* Slate blue */
  --badge-txt-color-canceled: #ff4c4c; /* Bright red */
  --badge-txt-color-failed: #ef1d1d; /* Dark red */
  --badge-txt-color-invoice-sending: rgb(255, 180, 0); /* Brighter orange */
  --badge-txt-color-invoice-send: rgb(34, 255, 34); /* Bright green */
  --badge-txt-color-closed: rgba(200, 200, 200, 0.77); /* Lighter grey */
  --badge-txt-color-success: #66ff66; /* Bright green */
  --badge-txt-color-check-ok: rgb(36, 176, 255); /* Light blue */
  --badge-txt-color-check-unknown: #c0c0c0; /* Light grey */
  --badge-bg-color-check-error: #ff6666; /* Bright red */
  --badge-bg-color-ok: rgba(0, 162, 255, 0.69); /* Bright red */
  --badge-bg-color-error: #ff6666; /* Bright red */
  /*Background */

  --badge-bg-color-deleted: rgba(255, 107, 107, 0.24) !important; /* Slightly darker red */
  --badge-bg-color-waiting: rgba(245, 166, 35, 0.24) !important; /* Slightly darker orange */
  --badge-bg-color-paid: rgba(0, 170, 255, 0.24) !important; /* Slightly darker blue */
  --badge-bg-color-denied: rgba(120, 193, 255, 0.24) !important; /* Slightly darker blue */
  --badge-bg-color-new: rgba(5, 213, 239, 0.24) !important; /* Slightly darker cyan */
  --badge-bg-color-blocked: rgba(169, 24, 24, 0.38) !important; /* Slightly darker grey */
  --badge-bg-color-disabled: rgba(125, 125, 125, 0.24) !important; /* Slightly darker grey */
  --badge-bg-color-checking: rgba(74, 127, 154, 0.24) !important; /* Slightly darker slate blue */
  --badge-bg-color-canceled: rgba(255, 76, 76, 0.24) !important; /* Slightly darker red */
  --badge-bg-color-failed: rgba(183, 60, 60, 0.24) !important; /* Slightly darker red */
  --badge-bg-color-invoice-sending: rgba(255, 180, 0, 0.24) !important; /* Slightly darker orange */
  --badge-bg-color-invoice-send: rgba(34, 255, 34, 0.24) !important; /* Slightly darker green */
  --badge-bg-color-closed: rgba(200, 200, 200, 0.24) !important; /* Slightly darker grey */
  --badge-bg-color-success: rgba(102, 255, 102, 0.24) !important; /* Slightly darker green */
  --badge-bg-color-check-ok: rgba(0, 162, 255, 0.24) !important; /* Slightly darker blue */
  --badge-bg-color-check-unknown: rgba(192, 192, 192, 0.24) !important; /* Slightly darker grey */
  --badge-bg-color-check-error: rgba(255, 102, 102, 0.24) !important; /* Slightly darker red */
  --badge-bg-color-check-sending: rgba(255, 102, 102, 0.24) !important; /* Slightly darker red */
  --badge-bg-color-unknown: rgba(255, 102, 102, 0.24) !important; /* Slightly darker red */
}