:root, [data-bs-theme=light] {
  --bs-primary: #4b4b4b;
  --bs-primary-rgb: 75,75,75;
  --bs-primary-text-emphasis: #1E1E1E;
  --bs-primary-bg-subtle: #DBDBDB;
  --bs-primary-border-subtle: #B7B7B7;
  --bs-info: #0d8cdb;
  --bs-info-rgb: 13,140,219;
  --bs-info-text-emphasis: #053858;
  --bs-info-bg-subtle: #CFE8F8;
  --bs-info-border-subtle: #9ED1F1;
  --bs-body-font-family: Kanit, sans-serif;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #4b4b4b;
  --bs-btn-border-color: #4b4b4b;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #404040;
  --bs-btn-hover-border-color: #3C3C3C;
  --bs-btn-focus-shadow-rgb: 228,228,228;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #3C3C3C;
  --bs-btn-active-border-color: #383838;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #4b4b4b;
  --bs-btn-disabled-border-color: #4b4b4b;
}

.btn-outline-primary {
  --bs-btn-color: #4b4b4b;
  --bs-btn-border-color: #4b4b4b;
  --bs-btn-focus-shadow-rgb: 75,75,75;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #4b4b4b;
  --bs-btn-hover-border-color: #4b4b4b;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4b4b4b;
  --bs-btn-active-border-color: #4b4b4b;
  --bs-btn-disabled-color: #4b4b4b;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #4b4b4b;
}

.btn-info {
  --bs-btn-color: #000000;
  --bs-btn-bg: #0d8cdb;
  --bs-btn-border-color: #0d8cdb;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #319DE0;
  --bs-btn-hover-border-color: #2598DF;
  --bs-btn-focus-shadow-rgb: 2,21,33;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #3DA3E2;
  --bs-btn-active-border-color: #2598DF;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #0d8cdb;
  --bs-btn-disabled-border-color: #0d8cdb;
}

.btn-outline-info {
  --bs-btn-color: #0d8cdb;
  --bs-btn-border-color: #0d8cdb;
  --bs-btn-focus-shadow-rgb: 13,140,219;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #0d8cdb;
  --bs-btn-hover-border-color: #0d8cdb;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #0d8cdb;
  --bs-btn-active-border-color: #0d8cdb;
  --bs-btn-disabled-color: #0d8cdb;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0d8cdb;
}

[data-bs-theme=dark] {
  --bs-primary: #4b4b4b;
  --bs-primary-rgb: 75,75,75;
  --bs-primary-text-emphasis: #939393;
  --bs-primary-bg-subtle: #0F0F0F;
  --bs-primary-border-subtle: #2D2D2D;
  --bs-secondary: #212529;
  --bs-secondary-rgb: 33,37,41;
  --bs-secondary-text-emphasis: #7A7C7F;
  --bs-secondary-bg-subtle: #070708;
  --bs-secondary-border-subtle: #141619;
  --bs-info: #0d8cdb;
  --bs-info-rgb: 13,140,219;
  --bs-info-text-emphasis: #6EBAE9;
  --bs-info-bg-subtle: #031C2C;
  --bs-info-border-subtle: #085483;
  --bs-body-font-family: Kanit, sans-serif;
  --bs-link-color: #0d8cdb;
  --bs-link-color-rgb: 13,140,219;
  --bs-link-hover-color: #0d8cdb;
  --bs-link-hover-color-rgb: 13,140,219;
}

[data-bs-theme=dark] .btn-primary, .btn-primary[data-bs-theme=dark] {
  --bs-btn-color: #fff;
  --bs-btn-bg: #4b4b4b;
  --bs-btn-border-color: #4b4b4b;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #404040;
  --bs-btn-hover-border-color: #3C3C3C;
  --bs-btn-focus-shadow-rgb: 228,228,228;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #3C3C3C;
  --bs-btn-active-border-color: #383838;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #4b4b4b;
  --bs-btn-disabled-border-color: #4b4b4b;
}

[data-bs-theme=dark] .btn-outline-primary, .btn-outline-primary[data-bs-theme=dark] {
  --bs-btn-color: #4b4b4b;
  --bs-btn-border-color: #4b4b4b;
  --bs-btn-focus-shadow-rgb: 75,75,75;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #4b4b4b;
  --bs-btn-hover-border-color: #4b4b4b;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4b4b4b;
  --bs-btn-active-border-color: #4b4b4b;
  --bs-btn-disabled-color: #4b4b4b;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #4b4b4b;
}

[data-bs-theme=dark] .btn-secondary, .btn-secondary[data-bs-theme=dark] {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1C1F23;
  --bs-btn-hover-border-color: #1A1E21;
  --bs-btn-focus-shadow-rgb: 222,222,223;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1A1E21;
  --bs-btn-active-border-color: #191C1F;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}

[data-bs-theme=dark] .btn-outline-secondary, .btn-outline-secondary[data-bs-theme=dark] {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33,37,41;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
}

[data-bs-theme=dark] .btn-info, .btn-info[data-bs-theme=dark] {
  --bs-btn-color: #000000;
  --bs-btn-bg: #0d8cdb;
  --bs-btn-border-color: #0d8cdb;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #319DE0;
  --bs-btn-hover-border-color: #2598DF;
  --bs-btn-focus-shadow-rgb: 2,21,33;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #3DA3E2;
  --bs-btn-active-border-color: #2598DF;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #0d8cdb;
  --bs-btn-disabled-border-color: #0d8cdb;
}

[data-bs-theme=dark] .btn-outline-info, .btn-outline-info[data-bs-theme=dark] {
  --bs-btn-color: #0d8cdb;
  --bs-btn-border-color: #0d8cdb;
  --bs-btn-focus-shadow-rgb: 13,140,219;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #0d8cdb;
  --bs-btn-hover-border-color: #0d8cdb;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #0d8cdb;
  --bs-btn-active-border-color: #0d8cdb;
  --bs-btn-disabled-color: #0d8cdb;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0d8cdb;
}