:root, [data-bs-theme=light] {
  --bs-info: #216cfe;
  --bs-info-rgb: 33,108,254;
  --bs-info-text-emphasis: #0D2B66;
  --bs-info-bg-subtle: #D3E2FF;
  --bs-info-border-subtle: #A6C4FF;
  --bs-warning: #F3B300;
  --bs-warning-rgb: 243,179,0;
  --bs-warning-text-emphasis: #614800;
  --bs-warning-bg-subtle: #FDF0CC;
  --bs-warning-border-subtle: #FAE199;
  --bs-light: #f5f5f7;
  --bs-light-rgb: 245,245,247;
  --bs-light-text-emphasis: #626263;
  --bs-light-bg-subtle: #FDFDFD;
  --bs-light-border-subtle: #FBFBFC;
  --bs-dark: #272727;
  --bs-dark-rgb: 39,39,39;
  --bs-dark-text-emphasis: #101010;
  --bs-dark-bg-subtle: #D4D4D4;
  --bs-dark-border-subtle: #A9A9A9;
  --bs-body-font-family: Pretendard;
  --bs-body-font-weight: 400;
}

.btn-info {
  --bs-btn-color: #fff;
  --bs-btn-bg: #216cfe;
  --bs-btn-border-color: #216cfe;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1C5CD8;
  --bs-btn-hover-border-color: #1A56CB;
  --bs-btn-focus-shadow-rgb: 222,233,255;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1A56CB;
  --bs-btn-active-border-color: #1951BF;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #216cfe;
  --bs-btn-disabled-border-color: #216cfe;
}

.btn-outline-info {
  --bs-btn-color: #216cfe;
  --bs-btn-border-color: #216cfe;
  --bs-btn-focus-shadow-rgb: 33,108,254;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #216cfe;
  --bs-btn-hover-border-color: #216cfe;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #216cfe;
  --bs-btn-active-border-color: #216cfe;
  --bs-btn-disabled-color: #216cfe;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #216cfe;
}

.btn-warning {
  --bs-btn-color: #000000;
  --bs-btn-bg: #F3B300;
  --bs-btn-border-color: #F3B300;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #F5BE26;
  --bs-btn-hover-border-color: #F4BB19;
  --bs-btn-focus-shadow-rgb: 36,27,0;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #F5C233;
  --bs-btn-active-border-color: #F4BB19;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #F3B300;
  --bs-btn-disabled-border-color: #F3B300;
}

.btn-outline-warning {
  --bs-btn-color: #F3B300;
  --bs-btn-border-color: #F3B300;
  --bs-btn-focus-shadow-rgb: 243,179,0;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #F3B300;
  --bs-btn-hover-border-color: #F3B300;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #F3B300;
  --bs-btn-active-border-color: #F3B300;
  --bs-btn-disabled-color: #F3B300;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #F3B300;
}

.btn-light {
  --bs-btn-color: #000000;
  --bs-btn-bg: #f5f5f7;
  --bs-btn-border-color: #f5f5f7;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #D0D0D2;
  --bs-btn-hover-border-color: #C4C4C6;
  --bs-btn-focus-shadow-rgb: 37,37,37;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #C4C4C6;
  --bs-btn-active-border-color: #B8B8B9;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #f5f5f7;
  --bs-btn-disabled-border-color: #f5f5f7;
}

.btn-outline-light {
  --bs-btn-color: #f5f5f7;
  --bs-btn-border-color: #f5f5f7;
  --bs-btn-focus-shadow-rgb: 245,245,247;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #f5f5f7;
  --bs-btn-hover-border-color: #f5f5f7;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #f5f5f7;
  --bs-btn-active-border-color: #f5f5f7;
  --bs-btn-disabled-color: #f5f5f7;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f5f5f7;
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #272727;
  --bs-btn-border-color: #272727;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212121;
  --bs-btn-hover-border-color: #1F1F1F;
  --bs-btn-focus-shadow-rgb: 223,223,223;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1F1F1F;
  --bs-btn-active-border-color: #1D1D1D;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #272727;
  --bs-btn-disabled-border-color: #272727;
}

.btn-outline-dark {
  --bs-btn-color: #272727;
  --bs-btn-border-color: #272727;
  --bs-btn-focus-shadow-rgb: 39,39,39;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #272727;
  --bs-btn-hover-border-color: #272727;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #272727;
  --bs-btn-active-border-color: #272727;
  --bs-btn-disabled-color: #272727;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #272727;
}

