/**
 * Limitless Theme CSS - Complete Dark and Light Theme Support
 *
 * Extracted from bootstrap_limitless.css and adapted to support:
 * - html.theme-dark
 * - html[data-bs-theme="dark"]
 * - [data-color-theme="dark"] (Limitless native)
 */

/* ============================================
   BASE DARK THEME VARIABLES
   ============================================ */

[data-color-theme=dark],
html[data-color-theme=dark] [data-color-theme],
html.theme-dark,
html[data-bs-theme="dark"] {
  color-scheme: dark;
  --gray-100: #39393d;
  --gray-200: #3f4044;
  --gray-300: #46474a;
  --gray-400: #4d4d51;
  --gray-500: #6e6f71;
  --gray-600: #909092;
  --gray-700: #b1b1b3;
  --gray-800: #d2d3d3;
  --gray-900: #f4f4f4;
  --dark: #08090a;
  --dark-rgb: 8, 9, 10;
  --light: #383940;
  --light-rgb: 56, 57, 64;
  --body-bg: #202125;
  --body-color: #fff;
  --body-color-rgb: 255, 255, 255;
  --border-color: #4d4d51;
  --border-color-translucent: rgba(255, 255, 255, 0.125);
  --box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  --link-color: #6db5ff;
  --link-rgb-color: 109, 181, 255;
  --link-hover-color: #a0cfff;
  --highlight-bg: rgba(255, 255, 255, 0.3);
  --code-color: #f57d9e;
}

[data-color-theme=dark] .text-indigo,
html[data-color-theme=dark] [data-color-theme] .text-indigo,
html.theme-dark .text-indigo,
html[data-bs-theme="dark"] .text-indigo {
  --indigo-rgb: 157, 166, 217;
}

[data-color-theme=dark] .link-indigo,
html[data-color-theme=dark] [data-color-theme] .link-indigo,
html.theme-dark .link-indigo,
html[data-bs-theme="dark"] .link-indigo {
  --indigo-rgb: 157, 166, 217;
}

[data-color-theme=dark] .text-purple,
html[data-color-theme=dark] [data-color-theme] .text-purple,
html.theme-dark .text-purple,
html[data-bs-theme="dark"] .text-purple {
  --purple-rgb: 187, 169, 218;
}

[data-color-theme=dark] .link-purple,
html[data-color-theme=dark] [data-color-theme] .link-purple,
html.theme-dark .link-purple,
html[data-bs-theme="dark"] .link-purple {
  --purple-rgb: 187, 169, 218;
}

[data-color-theme=dark] .text-pink,
html[data-color-theme=dark] [data-color-theme] .text-pink,
html.theme-dark .text-pink,
html[data-bs-theme="dark"] .text-pink {
  --pink-rgb: 248, 157, 182;
}

[data-color-theme=dark] .link-pink,
html[data-color-theme=dark] [data-color-theme] .link-pink,
html.theme-dark .link-pink,
html[data-bs-theme="dark"] .link-pink {
  --pink-rgb: 248, 157, 182;
}

[data-color-theme=dark] .text-teal,
html[data-color-theme=dark] [data-color-theme] .text-teal,
html.theme-dark .text-teal,
html[data-bs-theme="dark"] .text-teal {
  --teal-rgb: 125, 202, 194;
}

[data-color-theme=dark] .link-teal,
html[data-color-theme=dark] [data-color-theme] .link-teal,
html.theme-dark .link-teal,
html[data-bs-theme="dark"] .link-teal {
  --teal-rgb: 125, 202, 194;
}

[data-color-theme=dark] .text-yellow,
html[data-color-theme=dark] [data-color-theme] .text-yellow,
html.theme-dark .text-yellow,
html[data-bs-theme="dark"] .text-yellow {
  --yellow-rgb: 255, 230, 145;
}

[data-color-theme=dark] .link-yellow,
html[data-color-theme=dark] [data-color-theme] .link-yellow,
html.theme-dark .link-yellow,
html[data-bs-theme="dark"] .link-yellow {
  --yellow-rgb: 255, 230, 145;
}

[data-color-theme=dark] .text-primary,
html[data-color-theme=dark] [data-color-theme] .text-primary,
html.theme-dark .text-primary,
html[data-bs-theme="dark"] .text-primary {
  --primary-rgb: 109, 181, 255;
}

[data-color-theme=dark] .link-primary,
html[data-color-theme=dark] [data-color-theme] .link-primary,
html.theme-dark .link-primary,
html[data-bs-theme="dark"] .link-primary {
  --primary-rgb: 109, 181, 255;
}

[data-color-theme=dark] .text-secondary,
html[data-color-theme=dark] [data-color-theme] .text-secondary,
html.theme-dark .text-secondary,
html[data-bs-theme="dark"] .text-secondary {
  --secondary-rgb: 124, 170, 193;
}

[data-color-theme=dark] .link-secondary,
html[data-color-theme=dark] [data-color-theme] .link-secondary,
html.theme-dark .link-secondary,
html[data-bs-theme="dark"] .link-secondary {
  --secondary-rgb: 124, 170, 193;
}

[data-color-theme=dark] .text-success,
html[data-color-theme=dark] [data-color-theme] .text-success,
html.theme-dark .text-success,
html[data-bs-theme="dark"] .text-success {
  --success-rgb: 105, 192, 165;
}

[data-color-theme=dark] .link-success,
html[data-color-theme=dark] [data-color-theme] .link-success,
html.theme-dark .link-success,
html[data-bs-theme="dark"] .link-success {
  --success-rgb: 105, 192, 165;
}

[data-color-theme=dark] .text-info,
html[data-color-theme=dark] [data-color-theme] .text-info,
html.theme-dark .text-info,
html[data-bs-theme="dark"] .text-info {
  --info-rgb: 104, 194, 206;
}

[data-color-theme=dark] .link-info,
html[data-color-theme=dark] [data-color-theme] .link-info,
html.theme-dark .link-info,
html[data-bs-theme="dark"] .link-info {
  --info-rgb: 104, 194, 206;
}

[data-color-theme=dark] .text-warning,
html[data-color-theme=dark] [data-color-theme] .text-warning,
html.theme-dark .text-warning,
html[data-bs-theme="dark"] .text-warning {
  --warning-rgb: 249, 182, 144;
}

[data-color-theme=dark] .link-warning,
html[data-color-theme=dark] [data-color-theme] .link-warning,
html.theme-dark .link-warning,
html[data-bs-theme="dark"] .link-warning {
  --warning-rgb: 249, 182, 144;
}

[data-color-theme=dark] .text-danger,
html[data-color-theme=dark] [data-color-theme] .text-danger,
html.theme-dark .text-danger,
html[data-bs-theme="dark"] .text-danger {
  --danger-rgb: 245, 143, 143;
}

[data-color-theme=dark] .link-danger,
html[data-color-theme=dark] [data-color-theme] .link-danger,
html.theme-dark .link-danger,
html[data-bs-theme="dark"] .link-danger {
  --danger-rgb: 245, 143, 143;
}

[data-color-theme=dark] .text-light,
html[data-color-theme=dark] [data-color-theme] .text-light,
html.theme-dark .text-light,
html[data-bs-theme="dark"] .text-light {
  --light-rgb: 156, 163, 175;
}

[data-color-theme=dark] .link-light,
html[data-color-theme=dark] [data-color-theme] .link-light,
html.theme-dark .link-light,
html[data-bs-theme="dark"] .link-light {
  --light-rgb: 156, 163, 175;
}

[data-color-theme=dark] .text-dark,
html[data-color-theme=dark] [data-color-theme] .text-dark,
html.theme-dark .text-dark,
html[data-bs-theme="dark"] .text-dark {
  --dark-rgb: 249, 250, 251;
}

[data-color-theme=dark] .link-dark,
html[data-color-theme=dark] [data-color-theme] .link-dark,
html.theme-dark .link-dark,
html[data-bs-theme="dark"] .link-dark {
  --dark-rgb: 249, 250, 251;
}

/* ============================================
   KBD DARK THEME
   ============================================ */

kbd[data-color-theme=dark],
[data-color-theme=dark] kbd:not([data-color-theme]),
html[data-color-theme=dark] kbd,
html.theme-dark kbd,
html[data-bs-theme="dark"] kbd {
  color-scheme: dark;
  color: var(--black);
  background-color: var(--white);
}

/* ============================================
   LIST FEED DARK THEME
   ============================================ */

.list-feed[data-color-theme=dark],
[data-color-theme=dark] .list-feed:not([data-color-theme]),
html[data-color-theme=dark] .list-feed,
html.theme-dark .list-feed,
html[data-bs-theme="dark"] .list-feed {
  color-scheme: dark;
  --feed-circle-bg: #2c2d33;
}

/* ============================================
   TABLE DARK THEME
   ============================================ */

.table[data-color-theme=dark],
[data-color-theme=dark] .table:not([data-color-theme]),
html[data-color-theme=dark] .table,
html.theme-dark .table,
html[data-bs-theme="dark"] .table {
  color-scheme: dark;
  --table-striped-bg: rgba(var(--white-rgb), 0.035);
  --table-hover-bg: rgba(var(--white-rgb), 0.05);
}

.table-primary[data-color-theme=dark],
[data-color-theme=dark] .table-primary:not([data-color-theme]),
html[data-color-theme=dark] .table-primary,
html.theme-dark .table-primary,
html[data-bs-theme="dark"] .table-primary {
  color-scheme: dark;
  --table-color: #fff;
  --table-bg: rgba(12, 131, 255, 0.1);
  --table-border-color: rgba(177, 215, 255, 0.19);
  --table-striped-bg: rgba(111, 182, 255, 0.1315);
  --table-active-bg: rgba(177, 215, 255, 0.19);
  --table-hover-bg: rgba(134, 193, 255, 0.145);
  color: var(--body-color);
  border-color: var(--table-border-color);
}

.table-secondary[data-color-theme=dark],
[data-color-theme=dark] .table-secondary:not([data-color-theme]),
html[data-color-theme=dark] .table-secondary,
html.theme-dark .table-secondary,
html[data-bs-theme="dark"] .table-secondary {
  color-scheme: dark;
  --table-color: #fff;
  --table-bg: rgba(36, 114, 151, 0.1);
  --table-border-color: rgba(185, 210, 222, 0.19);
  --table-striped-bg: rgba(125, 172, 193, 0.1315);
  --table-active-bg: rgba(185, 210, 222, 0.19);
  --table-hover-bg: rgba(146, 185, 203, 0.145);
  color: var(--body-color);
  border-color: var(--table-border-color);
}

.table-success[data-color-theme=dark],
[data-color-theme=dark] .table-success:not([data-color-theme]),
html[data-color-theme=dark] .table-success,
html.theme-dark .table-success,
html[data-bs-theme="dark"] .table-success {
  color-scheme: dark;
  --table-color: #fff;
  --table-bg: rgba(5, 150, 105, 0.1);
  --table-border-color: rgba(175, 221, 207, 0.19);
  --table-striped-bg: rgba(107, 193, 166, 0.1315);
  --table-active-bg: rgba(175, 221, 207, 0.19);
  --table-hover-bg: rgba(130, 203, 180, 0.145);
  color: var(--body-color);
  border-color: var(--table-border-color);
}

.table-info[data-color-theme=dark],
[data-color-theme=dark] .table-info:not([data-color-theme]),
html[data-color-theme=dark] .table-info,
html.theme-dark .table-info,
html[data-bs-theme="dark"] .table-info {
  color-scheme: dark;
  --table-color: #fff;
  --table-bg: rgba(4, 154, 173, 0.1);
  --table-border-color: rgba(174, 223, 229, 0.19);
  --table-striped-bg: rgba(106, 195, 206, 0.1315);
  --table-active-bg: rgba(174, 223, 229, 0.19);
  --table-hover-bg: rgba(130, 205, 214, 0.145);
  color: var(--body-color);
  border-color: var(--table-border-color);
}

.table-warning[data-color-theme=dark],
[data-color-theme=dark] .table-warning:not([data-color-theme]),
html[data-color-theme=dark] .table-warning,
html.theme-dark .table-warning,
html[data-bs-theme="dark"] .table-warning {
  color-scheme: dark;
  --table-color: #fff;
  --table-bg: rgba(245, 134, 70, 0.1);
  --table-border-color: rgba(252, 216, 196, 0.19);
  --table-striped-bg: rgba(249, 183, 145, 0.1315);
  --table-active-bg: rgba(252, 216, 196, 0.19);
  --table-hover-bg: rgba(250, 195, 163, 0.145);
  color: var(--body-color);
  border-color: var(--table-border-color);
}

.table-danger[data-color-theme=dark],
[data-color-theme=dark] .table-danger:not([data-color-theme]),
html[data-color-theme=dark] .table-danger,
html.theme-dark .table-danger,
html[data-bs-theme="dark"] .table-danger {
  color-scheme: dark;
  --table-color: #fff;
  --table-bg: rgba(239, 68, 68, 0.1);
  --table-border-color: rgba(250, 195, 195, 0.19);
  --table-striped-bg: rgba(246, 144, 144, 0.1315);
  --table-active-bg: rgba(250, 195, 195, 0.19);
  --table-hover-bg: rgba(247, 162, 162, 0.145);
  color: var(--body-color);
  border-color: var(--table-border-color);
}

.table-light[data-color-theme=dark],
[data-color-theme=dark] .table-light:not([data-color-theme]),
html[data-color-theme=dark] .table-light,
html.theme-dark .table-light,
html[data-bs-theme="dark"] .table-light {
  color-scheme: dark;
  --table-color: #fff;
  --table-bg: rgba(243, 244, 246, 0.05);
  --table-border-color: rgba(253, 253, 253, 0.145);
  --table-striped-bg: rgba(250, 250, 251, 0.08325);
  --table-active-bg: rgba(253, 253, 253, 0.145);
  --table-hover-bg: rgba(251, 251, 252, 0.0975);
  color: var(--body-color);
  border-color: var(--table-border-color);
}

.table-dark[data-color-theme=dark],
[data-color-theme=dark] .table-dark:not([data-color-theme]),
html[data-color-theme=dark] .table-dark,
html.theme-dark .table-dark,
html[data-bs-theme="dark"] .table-dark {
  color-scheme: dark;
  --table-color: #fff;
  --table-bg: rgba(0, 0, 0, 0.25);
  --table-border-color: rgba(112, 112, 112, 0.325);
  --table-striped-bg: rgba(52, 52, 52, 0.27625);
  --table-active-bg: rgba(112, 112, 112, 0.325);
  --table-hover-bg: rgba(69, 69, 69, 0.2875);
  color: var(--body-color);
  border-color: var(--table-border-color);
}

/* ============================================
   FORM CONTROLS DARK THEME
   ============================================ */

.form-control[data-color-theme=dark],
[data-color-theme=dark] .form-control:not([data-color-theme]),
html[data-color-theme=dark] .form-control,
html.theme-dark .form-control,
html[data-bs-theme="dark"] .form-control {
  color-scheme: dark;
  --input-bg: #2c2d33;
  --input-focus-bg: #2c2d33;
}

.form-control[data-color-theme=dark]:not([list])::-webkit-calendar-picker-indicator,
[data-color-theme=dark] .form-control:not([data-color-theme]):not([list])::-webkit-calendar-picker-indicator,
html[data-color-theme=dark] .form-control:not([list])::-webkit-calendar-picker-indicator,
html.theme-dark .form-control:not([list])::-webkit-calendar-picker-indicator,
html[data-bs-theme="dark"] .form-control:not([list])::-webkit-calendar-picker-indicator {
  -webkit-filter: invert(1);
  filter: invert(1);
}

.form-select[data-color-theme=dark],
[data-color-theme=dark] .form-select:not([data-color-theme]),
html[data-color-theme=dark] .form-select,
html.theme-dark .form-select,
html[data-bs-theme="dark"] .form-select {
  color-scheme: dark;
  --form-select-bg: #2c2d33;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

.form-check-input[data-color-theme=dark],
[data-color-theme=dark] .form-check-input:not([data-color-theme]),
html[data-color-theme=dark] .form-check-input,
html.theme-dark .form-check-input,
html[data-bs-theme="dark"] .form-check-input {
  color-scheme: dark;
  --form-check-input-bg: #2c2d33;
}

.form-switch .form-check-input[data-color-theme=dark],
[data-color-theme=dark] .form-switch .form-check-input:not([data-color-theme]),
html[data-color-theme=dark] .form-switch .form-check-input,
html.theme-dark .form-switch .form-check-input,
html[data-bs-theme="dark"] .form-switch .form-check-input {
  color-scheme: dark;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

/* ============================================
   BUTTONS DARK THEME
   ============================================ */

.btn-flat-dark[data-color-theme=dark],
[data-color-theme=dark] .btn-flat-dark:not([data-color-theme]),
html[data-color-theme=dark] .btn-flat-dark,
html.theme-dark .btn-flat-dark,
html[data-bs-theme="dark"] .btn-flat-dark,
.btn-flat-light[data-color-theme=dark],
[data-color-theme=dark] .btn-flat-light:not([data-color-theme]),
html[data-color-theme=dark] .btn-flat-light,
html.theme-dark .btn-flat-light,
html[data-bs-theme="dark"] .btn-flat-light {
  color-scheme: dark;
  --btn-color: #fff;
  --btn-hover-color: #fff;
  --btn-active-color: #fff;
  --btn-disabled-color: #fff;
}

.btn-dark[data-color-theme=dark],
[data-color-theme=dark] .btn-dark:not([data-color-theme]),
html[data-color-theme=dark] .btn-dark,
html.theme-dark .btn-dark,
html[data-bs-theme="dark"] .btn-dark {
  color-scheme: dark;
  --btn-bg: #181818;
  --btn-border-color: #181818;
  --btn-hover-bg: #111;
  --btn-hover-border-color: #111;
  --btn-focus-shadow-rgb: 17, 17, 17;
  --btn-active-bg: #000;
  --btn-active-border-color: #000;
  --btn-disabled-bg: #181818;
  --btn-disabled-border-color: #181818;
}

.btn-outline-dark[data-color-theme=dark],
[data-color-theme=dark] .btn-outline-dark:not([data-color-theme]),
html[data-color-theme=dark] .btn-outline-dark,
html.theme-dark .btn-outline-dark,
html[data-bs-theme="dark"] .btn-outline-dark {
  color-scheme: dark;
  --btn-color: #fff;
  --btn-border-color: #111;
  --btn-hover-bg: #111;
  --btn-hover-border-color: #111;
  --btn-focus-shadow-rgb: 17, 17, 17;
  --btn-active-color: #fff;
  --btn-active-bg: #000;
  --btn-active-border-color: #000;
  --btn-disabled-color: #fff;
}

/* ============================================
   DROPDOWN MENU DARK THEME
   ============================================ */

.dropdown-menu[data-color-theme=dark],
[data-color-theme=dark] .dropdown-menu:not([data-color-theme]),
html[data-color-theme=dark] .dropdown-menu,
html.theme-dark .dropdown-menu,
html[data-bs-theme="dark"] .dropdown-menu {
  color-scheme: dark;
  --dropdown-bg: #32333a;
  --dropdown-border-color: rgba(var(--black-rgb), 0.25);
}

.dropdown-menu-dark[data-color-theme=dark],
[data-color-theme=dark] .dropdown-menu-dark:not([data-color-theme]),
html[data-color-theme=dark] .dropdown-menu-dark,
html.theme-dark .dropdown-menu-dark,
html[data-bs-theme="dark"] .dropdown-menu-dark {
  color-scheme: dark;
  --dropdown-bg: #0e0f10;
  --dropdown-border-color: rgba(var(--black-rgb), 0.2);
}

/* ============================================
   NAV TABS DARK THEME
   ============================================ */

.nav-tabs:not(.nav-tabs-underline):not(.nav-tabs-overline):not(.nav-tabs-solid)[data-color-theme=dark],
[data-color-theme=dark] .nav-tabs:not(.nav-tabs-underline):not(.nav-tabs-overline):not(.nav-tabs-solid):not([data-color-theme]),
html[data-color-theme=dark] .nav-tabs:not(.nav-tabs-underline):not(.nav-tabs-overline):not(.nav-tabs-solid),
html.theme-dark .nav-tabs:not(.nav-tabs-underline):not(.nav-tabs-overline):not(.nav-tabs-solid),
html[data-bs-theme="dark"] .nav-tabs:not(.nav-tabs-underline):not(.nav-tabs-overline):not(.nav-tabs-solid) {
  color-scheme: dark;
  --nav-tabs-link-active-bg: #2c2d33;
  --nav-tabs-link-active-border-color: var(--border-color) var(--border-color) #2c2d33;
}

/* ============================================
   NAVBAR LIGHT THEME
   ============================================ */

.navbar,
html:not(.theme-dark):not([data-bs-theme="dark"]):not([data-color-theme="dark"]) .navbar,
html.theme-light .navbar,
html[data-bs-theme="light"] .navbar,
html[data-color-theme="light"] .navbar {
  --navbar-bg: var(--white);
  --navbar-hover-bg: var(--gray-200);
  --navbar-hover-active-bg: var(--gray-300);
  --navbar-hover-active-color: var(--body-color);
  --navbar-active-bg: rgba(var(--primary-rgb), 0.1);
}

.navbar-dark,
html:not(.theme-dark):not([data-bs-theme="dark"]):not([data-color-theme="dark"]) .navbar-dark,
html.theme-light .navbar-dark,
html[data-bs-theme="light"] .navbar-dark,
html[data-color-theme="light"] .navbar-dark {
  --navbar-bg: #252b36;
  --navbar-hover-bg: rgba(var(--white-rgb), 0.1);
  --navbar-disabled-bg: transparent;
  --navbar-hover-active-bg: rgba(var(--white-rgb), 0.15);
  --navbar-hover-active-color: #fff;
  --navbar-active-bg: rgba(var(--white-rgb), 0.15);
}

/* ============================================
   NAVBAR DARK THEME
   ============================================ */

.navbar[data-color-theme=dark],
[data-color-theme=dark] .navbar:not([data-color-theme]),
html[data-color-theme=dark] .navbar,
html.theme-dark .navbar,
html[data-bs-theme="dark"] .navbar {
  color-scheme: dark;
  --navbar-bg: #32333a;
}

.navbar-dark[data-color-theme=dark],
[data-color-theme=dark] .navbar-dark:not([data-color-theme]),
html[data-color-theme=dark] .navbar-dark,
html.theme-dark .navbar-dark,
html[data-bs-theme="dark"] .navbar-dark {
  color-scheme: dark;
  --navbar-bg: #141517;
}

/* ============================================
   CARD DARK THEME
   ============================================ */

.card[data-color-theme=dark],
[data-color-theme=dark] .card:not([data-color-theme]),
html[data-color-theme=dark] .card,
html.theme-dark .card,
html[data-bs-theme="dark"] .card {
  color-scheme: dark;
  --card-bg: #2c2d33;
}

.card-footer {
  --card-cap-bg: rgba(var(--black-rgb), .015);
}

/* ============================================
   CARD OVERLAY DARK THEME
   ============================================ */

.card-overlay[data-color-theme=dark],
[data-color-theme=dark] .card-overlay:not([data-color-theme]),
html[data-color-theme=dark] .card-overlay,
html.theme-dark .card-overlay,
html[data-bs-theme="dark"] .card-overlay {
  color-scheme: dark;
  background-color: rgba(var(--black-rgb), 0.5);
}

/* ============================================
   ACCORDION DARK THEME
   ============================================ */

.accordion-button:not(.collapsed)[data-color-theme=dark],
[data-color-theme=dark] .accordion-button:not(.collapsed):not([data-color-theme]),
html[data-color-theme=dark] .accordion-button:not(.collapsed),
html.theme-dark .accordion-button:not(.collapsed),
html[data-bs-theme="dark"] .accordion-button:not(.collapsed) {
  color-scheme: dark;
}

.accordion-button:not(.collapsed)[data-color-theme=dark]::after,
[data-color-theme=dark] .accordion-button:not(.collapsed):not([data-color-theme])::after,
html[data-color-theme=dark] .accordion-button:not(.collapsed)::after,
html.theme-dark .accordion-button:not(.collapsed)::after,
html[data-bs-theme="dark"] .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button[data-color-theme=dark],
[data-color-theme=dark] .accordion-button:not([data-color-theme]),
html[data-color-theme=dark] .accordion-button,
html.theme-dark .accordion-button,
html[data-bs-theme="dark"] .accordion-button {
  color-scheme: dark;
}

.accordion-button[data-color-theme=dark]::after,
[data-color-theme=dark] .accordion-button:not([data-color-theme])::after,
html[data-color-theme=dark] .accordion-button::after,
html.theme-dark .accordion-button::after,
html[data-bs-theme="dark"] .accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

/* ============================================
   PAGINATION DARK THEME
   ============================================ */

.pagination[data-color-theme=dark],
[data-color-theme=dark] .pagination:not([data-color-theme]),
html[data-color-theme=dark] .pagination,
html.theme-dark .pagination,
html[data-bs-theme="dark"] .pagination {
  color-scheme: dark;
  --pagination-bg: #2c2d33;
  --pagination-disabled-bg: #2c2d33;
}

/* ============================================
   ALERT DARK THEME
   ============================================ */

.alert-dismissible .btn-close[data-color-theme=dark],
[data-color-theme=dark] .alert-dismissible .btn-close:not([data-color-theme]),
html[data-color-theme=dark] .alert-dismissible .btn-close,
html.theme-dark .alert-dismissible .btn-close,
html[data-bs-theme="dark"] .alert-dismissible .btn-close {
  color-scheme: dark;
  -webkit-filter: invert(1) grayscale(100%) brightness(200%);
  filter: invert(1) grayscale(100%) brightness(200%);
}

/* ============================================
   TOAST DARK THEME
   ============================================ */

.toast-body .btn-close[data-color-theme=dark]:not([data-color-theme]),
html[data-color-theme=dark] .toast-body .btn-close,
html.theme-dark .toast-body .btn-close,
html[data-bs-theme="dark"] .toast-body .btn-close {
  color-scheme: dark;
}

html.theme-dark .content-wrapper,
[data-bs-theme="dark"] .content-wrapper,
[data-color-theme="dark"] .content-wrapper,
html.theme-light .content-wrapper,
[data-bs-theme="light"] .content-wrapper,
[data-color-theme="light"] .content-wrapper {
    background-color: var(--theme-bg-alt);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}