:root[data-bs-theme="dark"] {
  /* Base */
  --bs-body-bg: #0f1115;
  --bs-body-color: #e7e9ee;
  --bs-body-color-rgb: 231, 233, 238;

  --bs-secondary-color: #b1b6c2;
  --bs-tertiary-color: #8b92a3;

  /* Brand / states */
  --bs-primary: #c7ccd6;
  --bs-primary-rgb: 199, 204, 214;
  --bs-secondary: #9aa4b2;
  --bs-success: #4cd4a1;
  --bs-info: #56ccf2;
  --bs-warning: #f5c451;
  --bs-danger: #ff6b6b;
  --bs-light: #e7e9ee;
  --bs-dark: #0f1115;

  /* Surfaces */
  --bs-secondary-bg: #151922;
  --bs-tertiary-bg: #1b202c;
  --bs-card-bg: #151922;
  --bs-modal-bg: #151922;
  --bs-dropdown-bg: #151922;
  --bs-offcanvas-bg: #151922;
  --bs-popover-bg: #151922;
  --bs-toast-bg: #151922;

  /* Borders */
  --bs-border-color: #2a3140;
  --bs-border-color-rgb: 42, 49, 64;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.08);

  /* Links */
  --bs-link-color: #cfd4dd;
  --bs-link-hover-color: #ffffff;
  --bs-link-color-rgb: 207, 212, 221;

  /* Forms */
  --bs-input-bg: #0f131b;
  --bs-input-color: #e7e9ee;
  --bs-input-border-color: #2a3140;
  --bs-input-focus-border-color: #c7ccd6;
  --bs-input-placeholder-color: #8b92a3;
  --bs-form-select-bg: #0f131b;
  --bs-form-check-bg: #0f131b;

  /* Tables */
  --bs-table-striped-bg: rgba(255, 255, 255, 0.03);
  --bs-table-hover-bg: rgba(255, 255, 255, 0.06);
  --bs-table-border-color: #2a3140;

  /* Dropdowns */
  --bs-dropdown-link-color: #e7e9ee;
  --bs-dropdown-link-hover-color: #ffffff;
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.08);
  --bs-dropdown-divider-bg: #2a3140;

  /* Shadows */
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.45);
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.55);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.65);

  /* UI helper tokens */
  --ui-surface: #151922;
  --ui-surface-2: #1b202c;
  --ui-surface-input: #0f131b;
  --ui-border: var(--bs-border-color);
  --ui-border-hover: rgba(255, 255, 255, 0.18);
  --ui-hover: rgba(255, 255, 255, 0.06);
  --ui-active: rgba(255, 255, 255, 0.10);

  /* Focus */
  --ui-focus-ring: rgba(255, 255, 255, 0.65);
  --ui-focus-glow: rgba(255, 255, 255, 0.18);
  --bs-focus-ring-color: var(--ui-focus-ring);

  /* Accordion */
  --bs-accordion-bg: var(--ui-surface);
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-btn-bg: var(--ui-surface);
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-active-bg: rgba(255, 255, 255, 0.04);
  --bs-accordion-active-color: var(--bs-body-color);

  /* Tooltip */
  --bs-tooltip-bg: #11141b;
}