:root {

  --color-green-50: oklch(98.2% .018 155.826);
    --color-green-100: oklch(96.2% .044 156.743);
    --color-green-200: oklch(92.5% .084 155.995);
    --color-green-300: oklch(87.1% .15 154.449);
    --color-green-400: oklch(79.2% .209 151.711);
    --color-green-500: oklch(72.3% .219 149.579);
    --color-green-600: oklch(62.7% .194 149.214);
    --color-green-700: oklch(52.7% .154 150.069);
    --color-green-800: oklch(44.8% .119 151.328);
    --color-green-900: oklch(39.3% .095 152.535);
    --color-green-950: oklch(26.6% .065 152.934);

      --color-gray-50: oklch(98.5% .002 247.839);
    --color-gray-100: oklch(96.7% .003 264.542);
    --color-gray-200: oklch(92.8% .006 264.531);
    --color-gray-300: oklch(87.2% .01 258.338);
    --color-gray-400: oklch(70.7% .022 261.325);
    --color-gray-500: oklch(55.1% .027 264.364);
    --color-gray-600: oklch(44.6% .03 256.802);
    --color-gray-700: oklch(37.3% .034 259.733);
    --color-gray-800: oklch(27.8% .033 256.848);
    --color-gray-900: oklch(21% .034 264.665);
    --color-gray-925: #0c111d;
    --color-gray-950: oklch(13% .028 261.692);

        --color-indigo-50: oklch(96.2% .018 272.314);
    --color-indigo-100: oklch(93% .034 272.788);
    --color-indigo-200: oklch(87% .065 274.039);
    --color-indigo-300: oklch(78.5% .115 274.713);
    --color-indigo-400: oklch(67.3% .182 276.935);
    --color-indigo-500: oklch(58.5% .233 277.117);
    --color-indigo-600: oklch(51.1% .262 276.966);
    --color-indigo-700: oklch(45.7% .24 277.023);
    --color-indigo-800: oklch(39.8% .195 277.366);
    --color-indigo-900: oklch(35.9% .144 278.697);
    --color-indigo-950: oklch(25.7% .09 281.288);
}

/* bootstrap overrides */

:root {
    --bs-body-bg: var(--color-gray-925);
}

.form-check-input {
    border-color: var(--color-gray-600);
}
.form-check-input:checked {
    border-color: var(--color-indigo-800);
    background-color: var(--color-indigo-800);
}

.table-dark {
    --bs-table-color: #fff;
    --bs-table-bg: var(--color-gray-925);
    --bs-table-border-color: var(--color-gray-600);
    --bs-table-striped-bg: var(--color-gray-900);
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #fff;
    color: var(--bs-table-color);
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--color-indigo-800);
    --bs-btn-border-color: var(--color-indigo-800);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--color-indigo-900);
    --bs-btn-hover-border-color: var(--color-indigo-900);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--color-indigo-900);
    --bs-btn-active-border-color: var(--color-indigo-900);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--color-gray-700);
    --bs-btn-disabled-border-color: var(--color-gray-700);
}

.card {
    
    --bs-card-bg: var(--color-gray-925);
    --bs-card-cap-bg: var(--color-gray-800);
}

.card:not(.lighter-card), .card:not(.lighter-card) .card-body {
    background-color: var(--color-gray-925) !important;
}
.card.lighter-card, .card.lighter-card .card-body {
    background-color: var(--color-gray-700);
}

  /* Tabulator Dark Mode */
  .tabulator {
    background-color: #1c1c1c;
    border: 1px solid #333;
  }
  .tabulator .tabulator-header {
    background-color: var(--color-gray-800);
    color: #f1f1f1;
    border-color: var(--color-gray-600);
  }
  .tabulator .tabulator-row, .tabulator .tabulator-row:hover {
    background-color: var(--color-gray-900);
    color: #e0e0e0;
    border-color: var(--color-gray-600);
  }
  .tabulator .tabulator-row.tabulator-row-even, .tabulator .tabulator-row.tabulator-row-even:hover {
    background-color: var(--color-gray-925);
  }
  
  .tabulator .tabulator-cell.copyable:hover {
    background-color: var(--color-gray-800);
  }

  .tabulator .tabulator-col-content, .tabulator .tabulator-col, .tabulator-page-size {
    background-color: var(--color-gray-800) !important;
  }
  .tabulator-footer-contents {
    background-color: var(--color-gray-800);
  }
  .tabulator-page {
    background-color: var(--color-indigo-800) !important;
    border-color: var(--color-indigo-800) !important;
    color: white !important;
  }
  .tabulator-page.active {
    background-color: var(--color-indigo-900) !important;
    border-color: var(--color-indigo-900) !important;
}
  .tabulator-page:hover {
    background-color: var(--color-indigo-900) !important;
    border-color: var(--color-indigo-900) !important;
    color: white !important;
  }
  .tabulator-header-filter input {
    background-color: var(--color-gray-900) !important;
    color: #e0e0e0 !important;
    border-color: var(--color-gray-600) !important;
  }

  .tabulator-tooltip {
        background-color: var(--color-gray-700);
  }