:root {
  /* Update these palette variables to change the Bootstrap theme colors globally. */
  --palette-primary: #2a9fd6;
  --palette-secondary: #6c757d;
  --palette-success: #78b301;
  --palette-info: #9933cc;
  --palette-warning: #ff8800;
  --palette-danger: #a60000;
  --palette-light: #f8f9fa;
  --palette-dark: #343a40;
  --palette-white: #ffffff;

  --palette-primary-rgb: 42, 159, 214;
  --palette-secondary-rgb: 108, 117, 125;
  --palette-success-rgb: 120, 179, 1;
  --palette-info-rgb: 153, 51, 204;
  --palette-warning-rgb: 255, 136, 0;
  --palette-danger-rgb: 166, 0, 0;
  --palette-light-rgb: 248, 249, 250;
  --palette-dark-rgb: 52, 58, 64;
  --palette-white-rgb: 255, 255, 255;

  /* Bootstrap consumes the --bs-* variables; keep them mapped to the palette. */
  --bs-primary: var(--palette-primary);
  --bs-primary-rgb: var(--palette-primary-rgb);
  --bs-secondary: var(--palette-secondary);
  --bs-secondary-rgb: var(--palette-secondary-rgb);
  --bs-success: var(--palette-success);
  --bs-success-rgb: var(--palette-success-rgb);
  --bs-info: var(--palette-info);
  --bs-info-rgb: var(--palette-info-rgb);
  --bs-warning: var(--palette-warning);
  --bs-warning-rgb: var(--palette-warning-rgb);
  --bs-danger: var(--palette-danger);
  --bs-danger-rgb: var(--palette-danger-rgb);
  --bs-light: var(--palette-light);
  --bs-light-rgb: var(--palette-light-rgb);
  --bs-dark: var(--palette-dark);
  --bs-dark-rgb: var(--palette-dark-rgb);
  --bs-white: var(--palette-white);
  --bs-white-rgb: var(--palette-white-rgb);
}

[data-bs-theme="dark"] {
  /* Ensure the custom palette also powers Bootstrap's dark theme context. */
  --bs-primary: var(--palette-primary);
  --bs-primary-rgb: var(--palette-primary-rgb);
  --bs-secondary: var(--palette-secondary);
  --bs-secondary-rgb: var(--palette-secondary-rgb);
  --bs-success: var(--palette-success);
  --bs-success-rgb: var(--palette-success-rgb);
  --bs-info: var(--palette-info);
  --bs-info-rgb: var(--palette-info-rgb);
  --bs-warning: var(--palette-warning);
  --bs-warning-rgb: var(--palette-warning-rgb);
  --bs-danger: var(--palette-danger);
  --bs-danger-rgb: var(--palette-danger-rgb);
  --bs-light: var(--palette-light);
  --bs-light-rgb: var(--palette-light-rgb);
  --bs-dark: var(--palette-dark);
  --bs-dark-rgb: var(--palette-dark-rgb);
  --bs-white: var(--palette-white);
  --bs-white-rgb: var(--palette-white-rgb);
}