/* Default light palette. Loaded before dark overrides. */
html:not([data-theme="dark"]) { color-scheme: light; }
.catchii-app {
  --button-border-shade: #000;
  --pill-base: #fff;
  --pill-fill-weight: 35%;
  --pill-ink-base: #000;
  --pill-ink-weight: 65%;
  --tag-button-border: #aaa1d7;
  --tag-button-border-hover: #8b80bd;
  --account-avatar-bg: #e3e7ee;
  --account-avatar-fg: #5e6b7e;
  --on-primary: #fff;
  --shell-watermark: #001130;
  --shell-header-shadow: rgba(35, 49, 86, 0.025);
  --shell-card-shadow: rgba(35, 49, 86, 0.045);
  --primary: #496fba;
  --primary-hover: #385ca3;
  --primary-active: #2e4d8d;
  --primary-focus: #91ade1;
  --primary-ring: rgba(73, 111, 186, 0.25);
  --blue: #496fba;
  --shell-canvas: #fcfcfe;
  --shell-sidebar: #fff;
  --shell-sidebar-border: #d4d8e0;
  --shell-surface: #fff;
  --shell-hover: #f0f3fa;
  --shell-submenu: #f7f8fb;
  --shell-border: #e2e6f0;
  --shell-text: #34415f;
  --shell-muted: #65718b;
  --shell-accent: var(--primary, #496acd);
  --shell-selected: #eaf0ff;
}

.catchii-app .sidebar {
  --shell-sidebar: #3b4e70;
  --shell-sidebar-border: #304160;
  --shell-submenu: #334564;
  --shell-border: #536584;
  --shell-text: #f1f5fc;
  --shell-link: #c3cede;
  --shell-muted: #c4cfe1;
  --shell-accent: #fff;
  --shell-selected: #536b96;
  --shell-hover: #475d83;
}

/* Semantic controls: Bootstrap names and Catchii decision aliases. */
.catchii-app :is(.btn-primary, .btn-outline-primary) {
  --control-bg: #5275b5;
  --control-hover: #4568a8;
  --control-fg: #fff;
  --control-ink: #496fba;
}
.catchii-app :is(.text-primary) { color: #496fba !important; }
.catchii-app .bg-primary { background-color: #496fba !important; }
.catchii-app .badge-primary { background-color: #839bdd; color: #16254b; }
.catchii-app .border-primary { border-color: #496fba !important; }
.catchii-app :is(.btn-secondary, .btn-comment, .btn-outline-secondary, .btn-outline-comment) {
  --control-bg: #e3e8f0;
  --control-hover: #d2dbea;
  --control-fg: #34415f;
  --control-ink: #65718b;
}
.catchii-app :is(.text-secondary, .text-comment) { color: #65718b !important; }
.catchii-app .bg-secondary { background-color: #65718b !important; }
.catchii-app .badge-secondary { background-color: #bcbdc5; color: #393b4a; }
.catchii-app .border-secondary { border-color: #65718b !important; }
.catchii-app :is(.btn-success, .btn-accept, .btn-outline-success, .btn-outline-accept) {
  --control-bg: #d9eee2;
  --control-hover: #c4e2d1;
  --control-fg: #205f43;
  --control-ink: #287d5a;
}
.catchii-app :is(.text-success, .text-accept) { color: #287d5a !important; }
.catchii-app .bg-success { background-color: #287d5a !important; }
.catchii-app .badge-success { background-color: #92cfa7; color: #1d4c2f; }
.catchii-app .border-success { border-color: #287d5a !important; }
.catchii-app :is(.btn-info, .btn-outline-info) {
  --control-bg: #dcecf4;
  --control-hover: #c6dfed;
  --control-fg: #1c5d70;
  --control-ink: #21758b;
}
.catchii-app :is(.text-info) { color: #21758b !important; }
.catchii-app .bg-info { background-color: #21758b !important; }
.catchii-app .badge-info { background-color: #91d9e3; color: #144b54; }
.catchii-app .border-info { border-color: #21758b !important; }
.catchii-app :is(.btn-warning, .btn-favourite, .btn-outline-warning, .btn-outline-favourite) {
  --control-bg: #f4df9a;
  --control-hover: #ecd184;
  --control-fg: #6d4d0a;
  --control-ink: #8a610c;
}
.catchii-app .text-warning { color: #d9a41b !important; }
.catchii-app .text-favourite { color: #f6c23e !important; }
.catchii-app .bg-warning { background-color: #e8b343 !important; }
.catchii-app .badge-warning { background-color: #fadd95; color: #664b0d; }
.catchii-app .border-warning { border-color: #8a610c !important; }
.catchii-app :is(.btn-danger, .btn-reject, .btn-outline-danger, .btn-outline-reject) {
  --control-bg: #f3dce1;
  --control-hover: #e9c5ce;
  --control-fg: #913341;
  --control-ink: #be4553;
}
.catchii-app :is(.text-danger, .text-reject) { color: #be4553 !important; }
.catchii-app .bg-danger { background-color: #be4553 !important; }
.catchii-app .badge-danger { background-color: #e79591; color: #57211c; }
.catchii-app .border-danger { border-color: #be4553 !important; }
.catchii-app :is(.btn-light, .btn-outline-light) {
  --control-bg: #edf0f5;
  --control-hover: #dce2eb;
  --control-fg: #34415f;
  --control-ink: #65718b;
}
.catchii-app :is(.text-light) { color: #f8f9fa !important; }
.catchii-app .bg-light { background-color: #edf0f5 !important; }
.catchii-app .badge-light { background-color: #f3f5f8; color: #4e5b72; }
.catchii-app .border-light { border-color: #65718b !important; }
.catchii-app :is(.btn-dark, .btn-outline-dark) {
  --control-bg: #34415f;
  --control-hover: #26334e;
  --control-fg: #fff;
  --control-ink: #34415f;
}
.catchii-app :is(.text-dark) { color: #34415f !important; }
.catchii-app .bg-dark { background-color: #34415f !important; }
.catchii-app .badge-dark { background-color: #e1e6ee; color: #34415f; }
.catchii-app .border-dark { border-color: #34415f !important; }

.catchii-app .card-primary {
  border-color: var(--primary-ring) !important;
  border-left-color: var(--primary) !important;
  background-color: rgba(73, 111, 186, 0.035);
  box-shadow: 0 0.25rem 0.75rem rgba(73, 111, 186, 0.08) !important;
}

/* Light semantic messages stay soft, with darker readable text. */
.catchii-app .alert-primary { background-color: #eaf0ff; color: #344f88; border-color: #c4d3f2; }
.catchii-app .alert-secondary { background-color: #edf0f5; color: #4e5b72; border-color: #d2dae6; }
.catchii-app .alert-success { background-color: #e7f3ec; color: #205f43; border-color: #b9dcc9; }
.catchii-app .alert-info { background-color: #e5f1f6; color: #1c5d70; border-color: #b6d8e4; }
.catchii-app .alert-warning { background-color: #fff4d9; color: #79580e; border-color: #ead398; }
.catchii-app .alert-danger { background-color: #fbeaec; color: #913341; border-color: #e9bdc4; }


/* Original pastel screening controls, retained only in light mode. */

html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-outline-accept {
  color: #8dc99f;
  border-color: #8dc99f;
}

html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-outline-accept:hover {
  color: #fff;
  background-color: #8dc99f;
  border-color: #8dc99f;
}

html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-outline-accept:focus,
html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-outline-accept.focus {
  box-shadow: 0 0 0 0.2rem rgba(150, 197, 112, 0.5);
}

html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-outline-accept.disabled,
html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-outline-accept:disabled {
  color: #8dc99f;
  background-color: transparent;
}

html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-outline-accept:not(:disabled):not(.disabled):active,
html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-outline-accept:not(:disabled):not(.disabled).active,
html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .show > .btn-outline-accept.dropdown-toggle {
  color: #fff;
  background-color: #8dc99f;
  border-color: #8dc99f;
}

html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-outline-accept:not(:disabled):not(.disabled):active:focus,
html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-outline-accept:not(:disabled):not(.disabled).active:focus,
html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .show > .btn-outline-accept.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(150, 197, 112, 0.5);
}

html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-accept {
  color: #fff;
  background-color: #8dc99f;
  border-color: #8dc99f;
}

html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-accept:hover {
  color: #fff;
  background-color: #73b787;
  border-color: #73b787;
}

html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-accept:focus,
html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-accept.focus {
  color: #fff;
  background-color: #599f6e;
  border-color: #73b787;
  box-shadow: 0 0 0 0.2rem rgba(150, 197, 112, 0.5);
}

html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-accept.disabled,
html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-accept:disabled {
  color: #fff;
  background-color: #8dc99f;
  border-color: #8dc99f;
}

html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-accept:not(:disabled):not(.disabled):active,
html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-accept:not(:disabled):not(.disabled).active,
html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .show > .btn-accept.dropdown-toggle {
  color: #fff;
  background-color: #599f6e;
  border-color: #5bab73;
}

html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-accept:not(:disabled):not(.disabled):active:focus,
html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-accept:not(:disabled):not(.disabled).active:focus,
html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .show > .btn-accept.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(150, 197, 112, 0.5);
}

html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .text-accept {
  color: #4fad6b !important;
}

html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-outline-reject {
  color: #fdb0b0;
  border-color: #fdb0b0;
}

html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-outline-reject:hover {
  color: #fff;
  background-color: #fdb0b0;
  border-color: #fdb0b0;
}

html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-outline-reject:focus,
html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-outline-reject.focus {
  box-shadow: 0 0 0 0.2rem rgba(193, 123, 123, 0.5);
}

html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-outline-reject.disabled,
html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-outline-reject:disabled {
  color: #fdb0b0;
  background-color: transparent;
}

html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-outline-reject:not(:disabled):not(.disabled):active,
html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-outline-reject:not(:disabled):not(.disabled).active,
html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .show > .btn-outline-reject.dropdown-toggle {
  color: #fff;
  background-color: #fdb0b0;
  border-color: #fdb0b0;
}

html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-outline-reject:not(:disabled):not(.disabled):active:focus,
html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-outline-reject:not(:disabled):not(.disabled).active:focus,
html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .show > .btn-outline-reject.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(193, 123, 123, 0.5);
}

html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-reject {
  color: #fff;
  background-color: #fdb0b0;
  border-color: #fdb0b0;
}

html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-reject:hover {
  color: #fff;
  background-color: #e69494;
  border-color: #d68484;
}

html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-reject:focus,
html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-reject.focus {
  color: #fff;
  background-color: #e69494;
  border-color: #d68484;
  box-shadow: 0 0 0 0.2rem rgba(193, 123, 123, 0.5);
}

html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-reject.disabled,
html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-reject:disabled {
  color: #fff;
  background-color: #fdb0b0;
  border-color: #fdb0b0;
}

html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-reject:not(:disabled):not(.disabled):active,
html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-reject:not(:disabled):not(.disabled).active,
html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .show > .btn-reject.dropdown-toggle {
  color: #fff;
  background-color: #d68484;
  border-color: #c57373;
}

html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-reject:not(:disabled):not(.disabled):active:focus,
html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-reject:not(:disabled):not(.disabled).active:focus,
html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .show > .btn-reject.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(193, 123, 123, 0.5);
}

html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .text-reject {
  color: #ff7d7d !important;
}

html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-favourite {
  color: #fff;
  background-color: #ecd76d;
  border-color: #ecd76d;
}

html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-favourite:hover {
  color: #fff;
  background-color: #e3cf6d;
  border-color: #e1cc5f;
}

html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-favourite:focus,
html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-favourite.focus {
  color: #fff;
  background-color: #e3cf6d;
  border-color: #e1cc5f;
  box-shadow: 0 0 0 0.2rem rgba(105, 136, 228, 0.5);
}

html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-favourite.disabled,
html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-favourite:disabled {
  color: #fff;
  background-color: #ecd76d;
  border-color: #ecd76d;
}

html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-favourite:not(:disabled):not(.disabled):active,
html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-favourite:not(:disabled):not(.disabled).active,
html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .show > .btn-favourite.dropdown-toggle {
  color: #fff;
  background-color: #e1cc5f;
  border-color: #e1ca58;
}

html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-favourite:not(:disabled):not(.disabled):active:focus,
html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-favourite:not(:disabled):not(.disabled).active:focus,
html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .show > .btn-favourite.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(105, 136, 228, 0.5);
}

html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-outline-favourite {
  color: #ecd76d;
  border-color: #ecd76d;
}

html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-outline-favourite:hover {
  color: #fff;
  background-color: #ecd76d;
  border-color: #ecd76d;
}

html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-outline-favourite:focus,
html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-outline-favourite.focus {
  box-shadow: 0 0 0 0.2rem rgba(223, 211, 78, 0.5);
}

html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-outline-favourite.disabled,
html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-outline-favourite:disabled {
  color: #ecd76d;
  background-color: transparent;
}

html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-outline-favourite:not(:disabled):not(.disabled):active,
html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-outline-favourite:not(:disabled):not(.disabled).active,
html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .show > .btn-outline-favourite.dropdown-toggle {
  color: #fff;
  background-color: #ecd76d;
  border-color: #ecd76d;
}

html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-outline-favourite:not(:disabled):not(.disabled):active:focus,
html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-outline-favourite:not(:disabled):not(.disabled).active:focus,
html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .show > .btn-outline-favourite.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(223, 211, 78, 0.5);
}

html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-comment {
  color: #fff;
  background-color: #b0b0be;
  border-color: #b0b0b3;
}

html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-comment:hover {
  color: #fff;
  background-color: #b0b0be;
  border-color: #9797a0;
}

html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-comment:focus,
html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-comment.focus {
  color: #fff;
  background-color: #b0b0be;
  border-color: #9797a0;
  box-shadow: 0 0 0 0.2rem rgba(142, 145, 152, 0.5);
}

html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-comment.disabled,
html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-comment:disabled {
  color: #fff;
  background-color: #b0b0b3;
  border-color: #b0b0b3;
}

html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-comment:not(:disabled):not(.disabled):active,
html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-comment:not(:disabled):not(.disabled).active,
html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .show > .btn-comment.dropdown-toggle {
  color: #fff;
  background-color: #9797a0;
  border-color: #8b8b95;
}

html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-comment:not(:disabled):not(.disabled):active:focus,
html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-comment:not(:disabled):not(.disabled).active:focus,
html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .show > .btn-comment.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(142, 145, 152, 0.5);
}

html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-outline-comment {
  color: #b0b0be;
  border-color: #bbbbc7;
}

html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-outline-comment:hover {
  color: #fff;
  background-color: #b0b0b3;
  border-color: #bbbbc7;
}

html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-outline-comment:focus,
html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-outline-comment.focus {
  box-shadow: 0 0 0 0.2rem rgba(142, 145, 152, 0.5);
}

html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-outline-comment.disabled,
html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-outline-comment:disabled {
  color: #bbbbc7;
  background-color: transparent;
}

html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-outline-comment:not(:disabled):not(.disabled):active,
html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .btn-outline-comment:not(:disabled):not(.disabled).active,
html:not([data-theme="dark"]):not([data-palette="classic"]) #page-top.catchii-app .show > .btn-outline-comment.dropdown-toggle {
  color: #fff;
  background-color: #b0b0b3;
  border-color: #bbbbc7;
}

/* Existing split-button icons follow the softer control's text colour. */
html:not([data-theme="dark"]) .catchii-app :is(.btn-secondary, .btn-success, .btn-info, .btn-warning, .btn-danger) :is(.text-white, .text-white-50) {
  color: var(--control-fg) !important;
}

.catchii-app .phase-proceed-button {
  --control-bg: #b9ddca;
  --control-hover: #a7d3bb;
  --control-fg: #205b44;
  --control-ink: #205b44;
  --phase-icon-bg: rgba(32, 91, 68, 0.09);
}

/* Keep keyword hues while making their pill backgrounds softer. */
.catchii-app .badge.kw-label-0 { --pill-hue: #424145; }
.catchii-app .badge.kw-label-1 { --pill-hue: #d24938; }
.catchii-app .badge.kw-label-2 { --pill-hue: #ce3b9a; }
.catchii-app .badge.kw-label-3 { --pill-hue: #c03edb; }
.catchii-app .badge.kw-label-4 { --pill-hue: #7f64e8; }
.catchii-app .badge.kw-label-5 { --pill-hue: #41aae8; }
.catchii-app .badge.kw-label-6 { --pill-hue: #0062ac; }
.catchii-app .badge.kw-label-7 { --pill-hue: #28adb7; }
.catchii-app .badge.kw-label-8 { --pill-hue: #1fa648; }
.catchii-app .badge.kw-label-9 { --pill-hue: #becf1d; }
.catchii-app .badge.kw-label-10 { --pill-hue: #f7941d; }
.catchii-app .badge.kw-label-search { --pill-hue: #647d8c; }
.catchii-app .tag-badge.tag-style-1 { --tag-bg: #b8bdc6; --tag-border: #9ba3af; }


html:not([data-theme="dark"]) .catchii-app :is(.btn-accept, .btn-outline-accept) { --button-border-base: #8dc99f; }

html:not([data-theme="dark"]) .catchii-app :is(.btn-reject, .btn-outline-reject) { --button-border-base: #fdb0b0; }

html:not([data-theme="dark"]) .catchii-app :is(.btn-favourite, .btn-outline-favourite) { --button-border-base: #ecd76d; }

html:not([data-theme="dark"]) .catchii-app :is(.btn-comment, .btn-outline-comment) { --button-border-base: #b0b0be; }