:root.theme-yellowblue-bright {
  --text-color: #0a0a0a;
  --text-muted: #4a4a4a;
  --text-placeholder: #7a7a7a;
  --text-inverted: #ffffff;
  --background-color: #fffbea;
  --surface-color: #fff4cc;
  --surface-alt-color: #ffec99;
  --surface-hover: #ffe066;
  --surface-selected: #ffd633;
  --border-color: #e6c200;
  --border-strong: #b39700;
  --border-focus: #3399ff;
  --primary: #007acc;
  --primary-hover: #006bb3;
  --primary-active: #005c99;
  --primary-bg: #cce6ff;
  --primary-bg-hover: #b3daff;
  --primary-border: #99ccff;
  --primary-text: #ffffff;
  --success: #008c4a;
  --success-hover: #007a42;
  --success-active: #006837;
  --success-bg: #e6fff2;
  --success-border: #99e6c0;
  --success-text: #ffffff;
  --warning: #e68a00;
  --warning-hover: #cc7a00;
  --warning-active: #b36b00;
  --warning-bg: #fff4e6;
  --warning-border: #ffd9b3;
  --warning-text: #000000;
  --danger: #cc0000;
  --danger-hover: #b30000;
  --danger-active: #990000;
  --danger-bg: #ffe6e6;
  --danger-border: #ffb3b3;
  --danger-text: #ffffff;
  --selection-bg: #cce7ff;
  --selection-text: #000000;
  --overlay-clear: rgba(0, 0, 0, 0);
  --overlay-bg: rgba(0, 0, 0, 0.4);
  --tooltip-bg: var(--text-color);
  --tooltip-text: var(--text-inverted);
  --shadow-light: rgba(0, 0, 0, 0.1);
  --shadow-medium: rgba(0, 0, 0, 0.2);
  --shadow-strong: rgba(0, 0, 0, 0.4);
}
:root.theme-yellowblue-normal {
  --text-color: #1a1a1a;
  --text-muted: #555555;
  --text-placeholder: #888888;
  --text-inverted: #ffffff;
  --background-color: #fffdf5;
  --surface-color: #fff9e6;
  --surface-alt-color: #fff2cc;
  --surface-hover: #ffe699;
  --surface-selected: #ffd966;
  --border-color: #e6c200;
  --border-strong: #b39700;
  --border-focus: #2f80ff;
  --primary: #006bb3;
  --primary-hover: #005fa3;
  --primary-active: #004b87;
  --primary-bg: #cce0ff;
  --primary-bg-hover: #b3d1ff;
  --primary-border: #99c2ff;
  --primary-text: #ffffff;
  --success: #007a42;
  --success-hover: #006837;
  --success-active: #005c31;
  --success-bg: #e0fff0;
  --success-border: #99e6c0;
  --success-text: #ffffff;
  --warning: #cc7a00;
  --warning-hover: #b36b00;
  --warning-active: #995c00;
  --warning-bg: #fff2e0;
  --warning-border: #ffd1a3;
  --warning-text: #000000;
  --danger: #b30000;
  --danger-hover: #990000;
  --danger-active: #800000;
  --danger-bg: #ffd9d9;
  --danger-border: #ffb3b3;
  --danger-text: #ffffff;
  --selection-bg: #b3daff;
  --selection-text: #000000;
  --overlay-clear: rgba(0, 0, 0, 0);
  --overlay-bg: rgba(0, 0, 0, 0.4);
  --tooltip-bg: var(--text-color);
  --tooltip-text: var(--text-inverted);
  --shadow-light: rgba(0, 0, 0, 0.1);
  --shadow-medium: rgba(0, 0, 0, 0.2);
  --shadow-strong: rgba(0, 0, 0, 0.4);
}
:root.theme-yellowblue-evening {
  --text-color: #1a1a1a;
  --text-muted: #666666;
  --text-placeholder: #999999;
  --text-inverted: #ffffff;
  --background-color: #fffaf0;
  --surface-color: #fff2e0;
  --surface-alt-color: #ffe6b3;
  --surface-hover: #ffd480;
  --surface-selected: #ffc04d;
  --border-color: #e6b800;
  --border-strong: #b38f00;
  --border-focus: #2675d9;
  --primary: #005fa3;
  --primary-hover: #004b87;
  --primary-active: #003366;
  --primary-bg: #b3d1ff;
  --primary-bg-hover: #99c2ff;
  --primary-border: #80b3ff;
  --primary-text: #ffffff;
  --success: #006837;
  --success-hover: #005c31;
  --success-active: #004526;
  --success-bg: #d9ffe6;
  --success-border: #80d4a4;
  --success-text: #ffffff;
  --warning: #b36b00;
  --warning-hover: #995c00;
  --warning-active: #804d00;
  --warning-bg: #ffe6cc;
  --warning-border: #ffbf80;
  --warning-text: #000000;
  --danger: #990000;
  --danger-hover: #800000;
  --danger-active: #660000;
  --danger-bg: #ffcccc;
  --danger-border: #ff9999;
  --danger-text: #ffffff;
  --selection-bg: #99c2ff;
  --selection-text: #000000;
  --overlay-clear: rgba(0, 0, 0, 0);
  --overlay-bg: rgba(0, 0, 0, 0.4);
  --tooltip-bg: var(--text-color);
  --tooltip-text: var(--text-inverted);
  --shadow-light: rgba(0, 0, 0, 0.1);
  --shadow-medium: rgba(0, 0, 0, 0.2);
  --shadow-strong: rgba(0, 0, 0, 0.4);
}
:root.theme-yellowblue-night {
  --text-color: #e6e6e6;
  --text-muted: #b3b3b3;
  --text-placeholder: #999999;
  --text-inverted: #000000;
  --background-color: #0e0e10;
  --surface-color: #141418;
  --surface-alt-color: #1a1a20;
  --surface-hover: #202028;
  --surface-selected: #262630;
  --border-color: #333340;
  --border-strong: #4d4d60;
  --border-focus: #3399ff;
  --primary: #3399ff;
  --primary-hover: #2a85d9;
  --primary-active: #2270b3;
  --primary-bg: #1a2633;
  --primary-bg-hover: #1f2f40;
  --primary-border: #3399ff;
  --primary-text: #ffffff;
  --success: #33cc99;
  --success-hover: #2db386;
  --success-active: #269973;
  --success-bg: #1a3329;
  --success-border: #33cc99;
  --success-text: #ffffff;
  --warning: #ffcc66;
  --warning-hover: #e6b85c;
  --warning-active: #cc9f52;
  --warning-bg: #332b1a;
  --warning-border: #ffcc66;
  --warning-text: #000000;
  --danger: #ff6666;
  --danger-hover: #e65c5c;
  --danger-active: #cc5252;
  --danger-bg: #331a1a;
  --danger-border: #ff6666;
  --danger-text: #ffffff;
  --selection-bg: #1f2f40;
  --selection-text: #ffffff;
  --overlay-clear: rgba(0, 0, 0, 0);
  --overlay-bg: rgba(0, 0, 0, 0.6);
  --tooltip-bg: var(--text-color);
  --tooltip-text: var(--text-inverted);
  --shadow-light: rgba(0, 0, 0, 0.4);
  --shadow-medium: rgba(0, 0, 0, 0.6);
  --shadow-strong: rgba(0, 0, 0, 0.8);
}

:root.theme-browndarkgreen-bright {
  --text-color: #0a0a0a;
  --text-muted: #4a4a4a;
  --text-placeholder: #7a7a7a;
  --text-inverted: #ffffff;
  --background-color: #fdf7ed;
  --surface-color: #f9efdf;
  --surface-alt-color: #f4e6cf;
  --surface-hover: #efddbf;
  --surface-selected: #ead4af;
  --border-color: #d2c0a4;
  --border-strong: #a89474;
  --border-focus: #88aa66;
  --primary: #556b2f;
  --primary-hover: #4d612a;
  --primary-active: #445625;
  --primary-bg: #dde6cc;
  --primary-bg-hover: #ccd9b3;
  --primary-border: #bbcca0;
  --primary-text: #ffffff;
  --success: #4f805d;
  --success-hover: #457052;
  --success-active: #3b6047;
  --success-bg: #d7eadf;
  --success-border: #a8cfb4;
  --success-text: #ffffff;
  --warning: #a67c52;
  --warning-hover: #936f4a;
  --warning-active: #806241;
  --warning-bg: #f0e0d1;
  --warning-border: #d9c1aa;
  --warning-text: #000000;
  --danger: #8b3a3a;
  --danger-hover: #7a3333;
  --danger-active: #692c2c;
  --danger-bg: #f2d6d6;
  --danger-border: #d9a6a6;
  --danger-text: #ffffff;
  --selection-bg: #b4c7a6;
  --selection-text: #000000;
  --overlay-clear: rgba(0, 0, 0, 0);
  --overlay-bg: rgba(0, 0, 0, 0.4);
  --tooltip-bg: var(--text-color);
  --tooltip-text: var(--text-inverted);
  --shadow-light: rgba(0, 0, 0, 0.1);
  --shadow-medium: rgba(0, 0, 0, 0.2);
  --shadow-strong: rgba(0, 0, 0, 0.4);
}
:root.theme-browndarkgreen-normal {
  --text-color: #1a1a1a;
  --text-muted: #555555;
  --text-placeholder: #888888;
  --text-inverted: #ffffff;
  --background-color: #fbf5eb;
  --surface-color: #f6eddf;
  --surface-alt-color: #f1e4d3;
  --surface-hover: #ecdbc7;
  --surface-selected: #e7d2bb;
  --border-color: #d0bea2;
  --border-strong: #a68f6e;
  --border-focus: #7ca05c;
  --primary: #4d612a;
  --primary-hover: #455725;
  --primary-active: #3c4d20;
  --primary-bg: #d5dfc2;
  --primary-bg-hover: #c3d0ac;
  --primary-border: #b2c299;
  --primary-text: #ffffff;
  --success: #476f54;
  --success-hover: #3e6049;
  --success-active: #35513e;
  --success-bg: #cfe3d6;
  --success-border: #a0c6af;
  --success-text: #ffffff;
  --warning: #97714a;
  --warning-hover: #866442;
  --warning-active: #75573a;
  --warning-bg: #e8d8c8;
  --warning-border: #d1b99f;
  --warning-text: #000000;
  --danger: #7a3333;
  --danger-hover: #692c2c;
  --danger-active: #582525;
  --danger-bg: #eacccc;
  --danger-border: #d19f9f;
  --danger-text: #ffffff;
  --selection-bg: #a8b89c;
  --selection-text: #000000;
  --overlay-clear: rgba(0, 0, 0, 0);
  --overlay-bg: rgba(0, 0, 0, 0.4);
  --tooltip-bg: var(--text-color);
  --tooltip-text: var(--text-inverted);
  --shadow-light: rgba(0, 0, 0, 0.1);
  --shadow-medium: rgba(0, 0, 0, 0.2);
  --shadow-strong: rgba(0, 0, 0, 0.4);
}
:root.theme-browndarkgreen-evening {
  --text-color: #1a1a1a;
  --text-muted: #666666;
  --text-placeholder: #999999;
  --text-inverted: #ffffff;
  --background-color: #f9f2e8;
  --surface-color: #f2e9dc;
  --surface-alt-color: #ece1d0;
  --surface-hover: #e6d9c4;
  --surface-selected: #e0d1b8;
  --border-color: #cbbba0;
  --border-strong: #a1886b;
  --border-focus: #739555;
  --primary: #455725;
  --primary-hover: #3d4d21;
  --primary-active: #34431c;
  --primary-bg: #cdd8ba;
  --primary-bg-hover: #bbc8a4;
  --primary-border: #aab994;
  --primary-text: #ffffff;
  --success: #3e6049;
  --success-hover: #35513e;
  --success-active: #2c4233;
  --success-bg: #c7dcd0;
  --success-border: #99bfa9;
  --success-text: #ffffff;
  --warning: #886643;
  --warning-hover: #78593b;
  --warning-active: #684c33;
  --warning-bg: #e0cfbf;
  --warning-border: #c9b09a;
  --warning-text: #000000;
  --danger: #692c2c;
  --danger-hover: #582525;
  --danger-active: #471e1e;
  --danger-bg: #e1c4c4;
  --danger-border: #c89b9b;
  --danger-text: #ffffff;
  --selection-bg: #9cab91;
  --selection-text: #000000;
  --overlay-clear: rgba(0, 0, 0, 0);
  --overlay-bg: rgba(0, 0, 0, 0.4);
  --tooltip-bg: var(--text-color);
  --tooltip-text: var(--text-inverted);
  --shadow-light: rgba(0, 0, 0, 0.1);
  --shadow-medium: rgba(0, 0, 0, 0.2);
  --shadow-strong: rgba(0, 0, 0, 0.4);
}
:root.theme-browndarkgreen-night {
  --text-color: #e6e6e6;
  --text-muted: #b3b3b3;
  --text-placeholder: #999999;
  --text-inverted: #000000;
  --background-color: #0f0f0d;
  --surface-color: #181814;
  --surface-alt-color: #20201a;
  --surface-hover: #2a2a22;
  --surface-selected: #33332a;
  --border-color: #444438;
  --border-strong: #666655;
  --border-focus: #88aa66;
  --primary: #99cc99;
  --primary-hover: #88bb88;
  --primary-active: #77aa77;
  --primary-bg: #223322;
  --primary-bg-hover: #2a3d2a;
  --primary-border: #99cc99;
  --primary-text: #ffffff;
  --success: #99cc99;
  --success-hover: #88bb88;
  --success-active: #77aa77;
  --success-bg: #1a261a;
  --success-border: #99cc99;
  --success-text: #ffffff;
  --warning: #ccaa88;
  --warning-hover: #b39977;
  --warning-active: #998866;
  --warning-bg: #332a22;
  --warning-border: #ccaa88;
  --warning-text: #000000;
  --danger: #cc8888;
  --danger-hover: #b37777;
  --danger-active: #996666;
  --danger-bg: #332222;
  --danger-border: #cc8888;
  --danger-text: #ffffff;
  --selection-bg: #2a3d2a;
  --selection-text: #ffffff;
  --overlay-clear: rgba(0, 0, 0, 0);
  --overlay-bg: rgba(0, 0, 0, 0.6);
  --tooltip-bg: var(--text-color);
  --tooltip-text: var(--text-inverted);
  --shadow-light: rgba(0, 0, 0, 0.4);
  --shadow-medium: rgba(0, 0, 0, 0.6);
  --shadow-strong: rgba(0, 0, 0, 0.8);
}

:root.theme-forestlake-bright {
  --text-color: #0a0a0a;
  --text-muted: #4a4a4a;
  --text-placeholder: #7a7a7a;
  --text-inverted: #ffffff;
  --background-color: #edf7f3;
  --surface-color: #dff2eb;
  --surface-alt-color: #cfeadd;
  --surface-hover: #bfe2cf;
  --surface-selected: #afdbc3;
  --border-color: #a0c4b1;
  --border-strong: #7aa189;
  --border-focus: #339999;
  --primary: #2f8f83;
  --primary-hover: #287b71;
  --primary-active: #20685f;
  --primary-bg: #c6ebe5;
  --primary-bg-hover: #b0e2da;
  --primary-border: #99d9cf;
  --primary-text: #ffffff;
  --success: #3f915c;
  --success-hover: #367d50;
  --success-active: #2d6943;
  --success-bg: #d4f0df;
  --success-border: #a3d6b9;
  --success-text: #ffffff;
  --warning: #cc9900;
  --warning-hover: #b38600;
  --warning-active: #996f00;
  --warning-bg: #fff4cc;
  --warning-border: #ffe680;
  --warning-text: #000000;
  --danger: #cc3333;
  --danger-hover: #b32d2d;
  --danger-active: #992626;
  --danger-bg: #ffe0e0;
  --danger-border: #ffb3b3;
  --danger-text: #ffffff;
  --selection-bg: #a0d0c5;
  --selection-text: #000000;
  --overlay-clear: rgba(0, 0, 0, 0);
  --overlay-bg: rgba(0, 0, 0, 0.4);
  --tooltip-bg: var(--text-color);
  --tooltip-text: var(--text-inverted);
  --shadow-light: rgba(0, 0, 0, 0.1);
  --shadow-medium: rgba(0, 0, 0, 0.2);
  --shadow-strong: rgba(0, 0, 0, 0.4);
}
:root.theme-forestlake-normal {
  --text-color: #1a1a1a;
  --text-muted: #555555;
  --text-placeholder: #888888;
  --text-inverted: #ffffff;
  --background-color: #e9f3ef;
  --surface-color: #d4ebe4;
  --surface-alt-color: #c3e1d8;
  --surface-hover: #b3d7cc;
  --surface-selected: #a3cdc0;
  --border-color: #94bfae;
  --border-strong: #719c8b;
  --border-focus: #2f8888;
  --primary: #297e73;
  --primary-hover: #246f65;
  --primary-active: #1f6057;
  --primary-bg: #bce3dd;
  --primary-bg-hover: #a8d9d1;
  --primary-border: #94cfc5;
  --primary-text: #ffffff;
  --success: #398054;
  --success-hover: #316f49;
  --success-active: #295e3e;
  --success-bg: #cbe7d6;
  --success-border: #9fcbae;
  --success-text: #ffffff;
  --warning: #b38b00;
  --warning-hover: #a37d00;
  --warning-active: #8c6b00;
  --warning-bg: #fff3cc;
  --warning-border: #ffe080;
  --warning-text: #000000;
  --danger: #b32d2d;
  --danger-hover: #992626;
  --danger-active: #7f1f1f;
  --danger-bg: #ffd6d6;
  --danger-border: #ffadad;
  --danger-text: #ffffff;
  --selection-bg: #96c7bb;
  --selection-text: #000000;
  --overlay-clear: rgba(0, 0, 0, 0);
  --overlay-bg: rgba(0, 0, 0, 0.4);
  --tooltip-bg: var(--text-color);
  --tooltip-text: var(--text-inverted);
  --shadow-light: rgba(0, 0, 0, 0.1);
  --shadow-medium: rgba(0, 0, 0, 0.2);
  --shadow-strong: rgba(0, 0, 0, 0.4);
}
:root.theme-forestlake-evening {
  --text-color: #1a1a1a;
  --text-muted: #666666;
  --text-placeholder: #999999;
  --text-inverted: #ffffff;
  --background-color: #e4efe9;
  --surface-color: #cce1da;
  --surface-alt-color: #bcd6cd;
  --surface-hover: #accbc0;
  --surface-selected: #9cc0b3;
  --border-color: #8db5a3;
  --border-strong: #6a9180;
  --border-focus: #2a7a7a;
  --primary: #246f65;
  --primary-hover: #1f6057;
  --primary-active: #1a514a;
  --primary-bg: #b3dad4;
  --primary-bg-hover: #9fcfc8;
  --primary-border: #8cc4bd;
  --primary-text: #ffffff;
  --success: #316f49;
  --success-hover: #295e3e;
  --success-active: #214e33;
  --success-bg: #c2dfcf;
  --success-border: #96c3a9;
  --success-text: #ffffff;
  --warning: #a37d00;
  --warning-hover: #8c6b00;
  --warning-active: #755900;
  --warning-bg: #ffeecc;
  --warning-border: #ffd580;
  --warning-text: #000000;
  --danger: #992626;
  --danger-hover: #7f1f1f;
  --danger-active: #661818;
  --danger-bg: #ffcfcf;
  --danger-border: #ffa3a3;
  --danger-text: #ffffff;
  --selection-bg: #8bbdb1;
  --selection-text: #000000;
  --overlay-clear: rgba(0, 0, 0, 0);
  --overlay-bg: rgba(0, 0, 0, 0.4);
  --tooltip-bg: var(--text-color);
  --tooltip-text: var(--text-inverted);
  --shadow-light: rgba(0, 0, 0, 0.1);
  --shadow-medium: rgba(0, 0, 0, 0.2);
  --shadow-strong: rgba(0, 0, 0, 0.4);
}
:root.theme-forestlake-night {
  --text-color: #e6e6e6;
  --text-muted: #b3b3b3;
  --text-placeholder: #999999;
  --text-inverted: #000000;
  --background-color: #0e1412;
  --surface-color: #16201d;
  --surface-alt-color: #1f2b27;
  --surface-hover: #293630;
  --surface-selected: #33423b;
  --border-color: #44554e;
  --border-strong: #667970;
  --border-focus: #339999;
  --primary: #66cccc;
  --primary-hover: #55bbbb;
  --primary-active: #44aaaa;
  --primary-bg: #1a3333;
  --primary-bg-hover: #204040;
  --primary-border: #66cccc;
  --primary-text: #ffffff;
  --success: #77cc99;
  --success-hover: #66bb88;
  --success-active: #55aa77;
  --success-bg: #1a3326;
  --success-border: #77cc99;
  --success-text: #ffffff;
  --warning: #ffcc66;
  --warning-hover: #e6b85c;
  --warning-active: #cc9f52;
  --warning-bg: #332b1a;
  --warning-border: #ffcc66;
  --warning-text: #000000;
  --danger: #ff6666;
  --danger-hover: #e65c5c;
  --danger-active: #cc5252;
  --danger-bg: #331a1a;
  --danger-border: #ff6666;
  --danger-text: #ffffff;
  --selection-bg: #204040;
  --selection-text: #ffffff;
  --overlay-clear: rgba(0, 0, 0, 0);
  --overlay-bg: rgba(0, 0, 0, 0.6);
  --tooltip-bg: var(--text-color);
  --tooltip-text: var(--text-inverted);
  --shadow-light: rgba(0, 0, 0, 0.4);
  --shadow-medium: rgba(0, 0, 0, 0.6);
  --shadow-strong: rgba(0, 0, 0, 0.8);
}

:root.theme-tealpink-bright {
  --text-color: #0a0a0a;
  --text-muted: #4a4a4a;
  --text-placeholder: #7a7a7a;
  --text-inverted: #ffffff;
  --background-color: #fdf4f7;
  --surface-color: #fae9f0;
  --surface-alt-color: #f5dce9;
  --surface-hover: #f0d0e2;
  --surface-selected: #ebc4db;
  --border-color: #d9aacc;
  --border-strong: #b37fa8;
  --border-focus: #44cccc;
  --primary: #2fb4b4;
  --primary-hover: #28a0a0;
  --primary-active: #208c8c;
  --primary-bg: #ccf2f2;
  --primary-bg-hover: #b3ebeb;
  --primary-border: #99e0e0;
  --primary-text: #ffffff;
  --success: #50a38a;
  --success-hover: #47927b;
  --success-active: #3d816d;
  --success-bg: #d7f0eb;
  --success-border: #a9d9cd;
  --success-text: #ffffff;
  --warning: #cc6699;
  --warning-hover: #b35a88;
  --warning-active: #994d77;
  --warning-bg: #f9d6e6;
  --warning-border: #f2b3d1;
  --warning-text: #ffffff;
  --danger: #cc3366;
  --danger-hover: #b32d59;
  --danger-active: #99264d;
  --danger-bg: #f9ccdd;
  --danger-border: #f2a3bf;
  --danger-text: #ffffff;
  --selection-bg: #b3e0e0;
  --selection-text: #000000;
  --overlay-clear: rgba(0, 0, 0, 0);
  --overlay-bg: rgba(0, 0, 0, 0.4);
  --tooltip-bg: var(--text-color);
  --tooltip-text: var(--text-inverted);
  --shadow-light: rgba(0, 0, 0, 0.1);
  --shadow-medium: rgba(0, 0, 0, 0.2);
  --shadow-strong: rgba(0, 0, 0, 0.4);
}
:root.theme-tealpink-normal {
  --text-color: #1a1a1a;
  --text-muted: #555555;
  --text-placeholder: #888888;
  --text-inverted: #ffffff;
  --background-color: #faedf2;
  --surface-color: #f5e2ea;
  --surface-alt-color: #efd5e2;
  --surface-hover: #e9c9d9;
  --surface-selected: #e3bcd0;
  --border-color: #d2a0c4;
  --border-strong: #a77d9e;
  --border-focus: #3cb8b8;
  --primary: #28a0a0;
  --primary-hover: #239090;
  --primary-active: #1f7f7f;
  --primary-bg: #c2eded;
  --primary-bg-hover: #aee6e6;
  --primary-border: #99dede;
  --primary-text: #ffffff;
  --success: #47927b;
  --success-hover: #3f826e;
  --success-active: #377261;
  --success-bg: #cde8e3;
  --success-border: #9ed1c4;
  --success-text: #ffffff;
  --warning: #b35a88;
  --warning-hover: #9e5079;
  --warning-active: #89466a;
  --warning-bg: #f3ccdd;
  --warning-border: #e8a6c4;
  --warning-text: #ffffff;
  --danger: #b32d59;
  --danger-hover: #99264d;
  --danger-active: #802041;
  --danger-bg: #f2c2d4;
  --danger-border: #e699b6;
  --danger-text: #ffffff;
  --selection-bg: #a8d9d9;
  --selection-text: #000000;
  --overlay-clear: rgba(0, 0, 0, 0);
  --overlay-bg: rgba(0, 0, 0, 0.4);
  --tooltip-bg: var(--text-color);
  --tooltip-text: var(--text-inverted);
  --shadow-light: rgba(0, 0, 0, 0.1);
  --shadow-medium: rgba(0, 0, 0, 0.2);
  --shadow-strong: rgba(0, 0, 0, 0.4);
}
:root.theme-tealpink-evening {
  --text-color: #1a1a1a;
  --text-muted: #666666;
  --text-placeholder: #999999;
  --text-inverted: #ffffff;
  --background-color: #f7e6ed;
  --surface-color: #f0dae4;
  --surface-alt-color: #eacedd;
  --surface-hover: #e4c2d6;
  --surface-selected: #deb5cf;
  --border-color: #cca3c2;
  --border-strong: #a07d9b;
  --border-focus: #36a6a6;
  --primary: #239090;
  --primary-hover: #1f7f7f;
  --primary-active: #1a6f6f;
  --primary-bg: #b3e0e0;
  --primary-bg-hover: #9fd6d6;
  --primary-border: #8ccccc;
  --primary-text: #ffffff;
  --success: #3f826e;
  --success-hover: #377261;
  --success-active: #306254;
  --success-bg: #c6dfda;
  --success-border: #97c6ba;
  --success-text: #ffffff;
  --warning: #9e5079;
  --warning-hover: #89466a;
  --warning-active: #743c5b;
  --warning-bg: #edc2d4;
  --warning-border: #e099b6;
  --warning-text: #ffffff;
  --danger: #99264d;
  --danger-hover: #802041;
  --danger-active: #661a35;
  --danger-bg: #ebb8cb;
  --danger-border: #e08fb0;
  --danger-text: #ffffff;
  --selection-bg: #99cccc;
  --selection-text: #000000;
  --overlay-clear: rgba(0, 0, 0, 0);
  --overlay-bg: rgba(0, 0, 0, 0.4);
  --tooltip-bg: var(--text-color);
  --tooltip-text: var(--text-inverted);
  --shadow-light: rgba(0, 0, 0, 0.1);
  --shadow-medium: rgba(0, 0, 0, 0.2);
  --shadow-strong: rgba(0, 0, 0, 0.4);
}
:root.theme-tealpink-night {
  --text-color: #e6e6e6;
  --text-muted: #b3b3b3;
  --text-placeholder: #999999;
  --text-inverted: #000000;
  --background-color: #0f0d0e;
  --surface-color: #181416;
  --surface-alt-color: #201a1e;
  --surface-hover: #2a2328;
  --surface-selected: #332c31;
  --border-color: #443a42;
  --border-strong: #665766;
  --border-focus: #44cccc;
  --primary: #88dddd;
  --primary-hover: #77cccc;
  --primary-active: #66bbbb;
  --primary-bg: #1a3333;
  --primary-bg-hover: #204040;
  --primary-border: #88dddd;
  --primary-text: #ffffff;
  --success: #99e6cc;
  --success-hover: #88d4bb;
  --success-active: #77c2aa;
  --success-bg: #1a332a;
  --success-border: #99e6cc;
  --success-text: #ffffff;
  --warning: #ff99cc;
  --warning-hover: #e68ab8;
  --warning-active: #cc7aa3;
  --warning-bg: #331a26;
  --warning-border: #ff99cc;
  --warning-text: #000000;
  --danger: #ff6699;
  --danger-hover: #e65c8c;
  --danger-active: #cc527f;
  --danger-bg: #331a26;
  --danger-border: #ff6699;
  --danger-text: #ffffff;
  --selection-bg: #204040;
  --selection-text: #ffffff;
  --overlay-clear: rgba(0, 0, 0, 0);
  --overlay-bg: rgba(0, 0, 0, 0.6);
  --tooltip-bg: var(--text-color);
  --tooltip-text: var(--text-inverted);
  --shadow-light: rgba(0, 0, 0, 0.4);
  --shadow-medium: rgba(0, 0, 0, 0.6);
  --shadow-strong: rgba(0, 0, 0, 0.8);
}