:root, [data-bs-theme=light] {
  --bs-blue: #607D8B;
  --bs-indigo: #455A64;
  --bs-purple: #78909C;
  --bs-pink: #CFD8DC;
  --bs-red: #455A64;
  --bs-orange: #B0BEC5;
  --bs-yellow: #ECEFF1;
  --bs-green: #546E7A;
  --bs-teal: #90A4AE;
  --bs-cyan: #B0BEC5;

  --bs-black: #263238;
  --bs-white: #ffffff;

  --bs-gray: #90A4AE;
  --bs-gray-dark: #455A64;
  --bs-gray-100: #ECEFF1;
  --bs-gray-200: #CFD8DC;
  --bs-gray-300: #B0BEC5;
  --bs-gray-400: #90A4AE;
  --bs-gray-500: #78909C;
  --bs-gray-600: #607D8B;
  --bs-gray-700: #546E7A;
  --bs-gray-800: #455A64;
  --bs-gray-900: #263238;

  --bs-primary: #607D8B;
  --bs-secondary: #90A4AE;
  --bs-success: #546E7A;
  --bs-info: #78909C;
  --bs-warning: #B0BEC5;
  --bs-danger: #455A64;
  --bs-light: #ECEFF1;
  --bs-dark: #263238;

  --bs-primary-rgb: 96, 125, 139;
  --bs-secondary-rgb: 144, 164, 174;
  --bs-success-rgb: 84, 110, 122;
  --bs-info-rgb: 120, 144, 156;
  --bs-warning-rgb: 176, 190, 197;
  --bs-danger-rgb: 69, 90, 100;
  --bs-light-rgb: 236, 239, 241;
  --bs-dark-rgb: 38, 50, 56;

  --bs-primary-text-emphasis: #263238;
  --bs-secondary-text-emphasis: #455A64;
  --bs-success-text-emphasis: #263238;
  --bs-info-text-emphasis: #455A64;
  --bs-warning-text-emphasis: #263238;
  --bs-danger-text-emphasis: #263238;
  --bs-light-text-emphasis: #455A64;
  --bs-dark-text-emphasis: #ECEFF1;

  --bs-primary-bg-subtle: #CFD8DC;
  --bs-secondary-bg-subtle: #ECEFF1;
  --bs-success-bg-subtle: #CFD8DC;
  --bs-info-bg-subtle: #ECEFF1;
  --bs-warning-bg-subtle: #ECEFF1;
  --bs-danger-bg-subtle: #CFD8DC;
  --bs-light-bg-subtle: #F8FAFB;
  --bs-dark-bg-subtle: #B0BEC5;

  --bs-primary-border-subtle: #B0BEC5;
  --bs-secondary-border-subtle: #CFD8DC;
  --bs-success-border-subtle: #B0BEC5;
  --bs-info-border-subtle: #B0BEC5;
  --bs-warning-border-subtle: #CFD8DC;
  --bs-danger-border-subtle: #B0BEC5;
  --bs-light-border-subtle: #ECEFF1;
  --bs-dark-border-subtle: #78909C;

  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 38, 50, 56;

  --bs-secondary-color: rgba(69, 90, 100, 0.75);
  --bs-secondary-bg: #ECEFF1;

  --bs-tertiary-color: rgba(69, 90, 100, 0.5);
  --bs-tertiary-bg: #F8FAFB;

  --bs-heading-color: #263238;

  --bs-link-color: #607D8B;
  --bs-link-hover-color: #455A64;

  --bs-code-color: #546E7A;

  --bs-highlight-color: #263238;
  --bs-highlight-bg: #CFD8DC;

  --bs-border-color: #B0BEC5;
  --bs-border-color-translucent: rgba(38, 50, 56, 0.15);

  --bs-box-shadow: 0 .5rem 1rem rgba(38,50,56,.15);
  --bs-box-shadow-sm: 0 .125rem .25rem rgba(38,50,56,.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(38,50,56,.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(38,50,56,.075);

  --bs-focus-ring-color: rgba(96,125,139,.35);

  --bs-form-valid-color: #263238;
  --bs-form-valid-border-color: #546E7A;
  --bs-form-invalid-color: #263238;
  --bs-form-invalid-border-color: #455A64;
}.btn-primary {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #607D8B; /* Blue Grey 500 */
    --bs-btn-border-color: #607D8B; /* Blue Grey 500 */
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #546E7A; /* Blue Grey 600 */
    --bs-btn-hover-border-color: #546E7A; /* Blue Grey 600 */
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #455A64; /* Blue Grey 700 */
    --bs-btn-active-border-color: #455A64; /* Blue Grey 700 */
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #B0BEC5; /* Blue Grey 200 */
    --bs-btn-disabled-border-color: #B0BEC5; /* Blue Grey 200 */
    --bs-btn-focus-shadow-rgb: 96,125,139; /* RGB of Blue Grey 500 */
}
.btn-secondary {
    --bs-btn-color: #263238; /* Blue Grey 900 */
    --bs-btn-bg: #90A4AE; /* Blue Grey 300 */
    --bs-btn-border-color: #90A4AE; /* Blue Grey 300 */
    --bs-btn-hover-color: #263238; /* Blue Grey 900 */
    --bs-btn-hover-bg: #78909C; /* Blue Grey 400 */
    --bs-btn-hover-border-color: #78909C; /* Blue Grey 400 */
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #607D8B; /* Blue Grey 500 */
    --bs-btn-active-border-color: #607D8B; /* Blue Grey 500 */
    --bs-btn-disabled-color: #263238; /* Blue Grey 900 */
    --bs-btn-disabled-bg: #CFD8DC; /* Blue Grey 100 */
    --bs-btn-disabled-border-color: #CFD8DC; /* Blue Grey 100 */
    --bs-btn-focus-shadow-rgb: 144,164,174; /* RGB of Blue Grey 300 */
}
.btn-danger {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #455A64; /* Blue Grey 700 */
    --bs-btn-border-color: #455A64; /* Blue Grey 700 */
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #37474F; /* Blue Grey 800 */
    --bs-btn-hover-border-color: #37474F; /* Blue Grey 800 */
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #263238; /* Blue Grey 900 */
    --bs-btn-active-border-color: #263238; /* Blue Grey 900 */
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #B0BEC5; /* Blue Grey 200 */
    --bs-btn-disabled-border-color: #B0BEC5; /* Blue Grey 200 */
    --bs-btn-focus-shadow-rgb: 69,90,100; /* RGB of Blue Grey 700 */
}
.btn-light {
    --bs-btn-color: #263238; /* Blue Grey 900 */
    --bs-btn-bg: #ECEFF1; /* Blue Grey 50 */
    --bs-btn-border-color: #ECEFF1; /* Blue Grey 50 */
    --bs-btn-hover-color: #263238; /* Blue Grey 900 */
    --bs-btn-hover-bg: #CFD8DC; /* Blue Grey 100 */
    --bs-btn-hover-border-color: #CFD8DC; /* Blue Grey 100 */
    --bs-btn-active-color: #263238; /* Blue Grey 900 */
    --bs-btn-active-bg: #B0BEC5; /* Blue Grey 200 */
    --bs-btn-active-border-color: #B0BEC5; /* Blue Grey 200 */
    --bs-btn-disabled-color: #263238; /* Blue Grey 900 */
    --bs-btn-disabled-bg: #ECEFF1; /* Blue Grey 50 */
    --bs-btn-disabled-border-color: #ECEFF1; /* Blue Grey 50 */
    --bs-btn-focus-shadow-rgb: 236,239,241; /* RGB of Blue Grey 50 */
}
.btn-dark {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #263238; /* Blue Grey 900 */
    --bs-btn-border-color: #263238; /* Blue Grey 900 */
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #202B33; /* Custom darker Blue Grey (hsl(210, 15%, 12%)) */
    --bs-btn-hover-border-color: #202B33; /* Custom darker Blue Grey */
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #1A242B; /* Custom even darker Blue Grey (hsl(210, 15%, 10%)) */
    --bs-btn-active-border-color: #1A242B; /* Custom even darker Blue Grey */
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #607D8B; /* Blue Grey 500 */
    --bs-btn-disabled-border-color: #607D8B; /* Blue Grey 500 */
    --bs-btn-focus-shadow-rgb: 38,50,56; /* RGB of Blue Grey 900 */
}
.btn-outline-primary {
    --bs-btn-color: #607D8B; /* Blue Grey 500 */
    --bs-btn-border-color: #607D8B; /* Blue Grey 500 */
    --bs-btn-hover-bg: #607D8B; /* Blue Grey 500 */
    --bs-btn-hover-border-color: #607D8B; /* Blue Grey 500 */
    --bs-btn-active-bg: #546E7A; /* Blue Grey 600 */
    --bs-btn-active-border-color: #546E7A; /* Blue Grey 600 */
    --bs-btn-disabled-color: #B0BEC5; /* Blue Grey 200 */
    --bs-btn-disabled-border-color: #B0BEC5; /* Blue Grey 200 */
}
.btn-outline-secondary {
    --bs-btn-color: #455A64; /* Blue Grey 700 */
    --bs-btn-border-color: #455A64; /* Blue Grey 700 */
    --bs-btn-hover-bg: #90A4AE; /* Blue Grey 300 */
    --bs-btn-hover-border-color: #90A4AE; /* Blue Grey 300 */
    --bs-btn-active-bg: #607D8B; /* Blue Grey 500 */
    --bs-btn-active-border-color: #607D8B; /* Blue Grey 500 */
    --bs-btn-disabled-color: #CFD8DC; /* Blue Grey 100 */
    --bs-btn-disabled-border-color: #CFD8DC; /* Blue Grey 100 */
}
.btn-outline-light {
    --bs-btn-color: #263238; /* Blue Grey 900 */
    --bs-btn-border-color: #263238; /* Blue Grey 900 */
    --bs-btn-hover-bg: #ECEFF1; /* Blue Grey 50 */
    --bs-btn-hover-border-color: #ECEFF1; /* Blue Grey 50 */
    --bs-btn-active-bg: #B0BEC5; /* Blue Grey 200 */
    --bs-btn-active-border-color: #B0BEC5; /* Blue Grey 200 */
    --bs-btn-disabled-color: #B0BEC5; /* Blue Grey 200 */
    --bs-btn-disabled-border-color: #B0BEC5; /* Blue Grey 200 */
}
.btn-outline-dark {
    --bs-btn-color: #263238; /* Blue Grey 900 */
    --bs-btn-border-color: #263238; /* Blue Grey 900 */
    --bs-btn-hover-bg: #263238; /* Blue Grey 900 */
    --bs-btn-hover-border-color: #263238; /* Blue Grey 900 */
    --bs-btn-active-bg: #455A64; /* Blue Grey 700 */
    --bs-btn-active-border-color: #455A64; /* Blue Grey 700 */
    --bs-btn-disabled-color: #607D8B; /* Blue Grey 500 */
    --bs-btn-disabled-border-color: #607D8B; /* Blue Grey 500 */
}
.btn-flat {
    background-color: #607D8B; /* Blue Grey 500 */
    color: #fff;
}