.gradient {
  background: linear-gradient(120deg, #11056d, #0ea0ff);
  color: var(--bs-light);
}

.font-poppins {
  font-family: 'Poppins';
}

.font-color-white {
  color: wheat;
}

/* ## partner-logo ## */

/* 기본적으로 다크모드용은 숨김 */

.partner-logo .logo-dark {
  display: none;
}

/* 다크모드일 때는 반대로 */

[data-bs-theme="dark"] .partner-logo .logo-light {
  display: none;
}

[data-bs-theme="dark"] .partner-logo .logo-dark {
  display: inline;
}

/* ######################### partner-logo ######################### */

/* ## light-dark switch toggle ## */

/* 체크되지 않은 상태(off) */

.form-check-input:not(:checked) {
  background-color: #a3cef1;
  border-color: #a3cef1;
  accent-color: #ffe349;
}

/* 체크된 상태(on) */

.form-check-input:checked {
  background-color: #FFF3B0;
  border-color: #FFF3B0;
}

/* 체크된 상태(on) 강조 색상도 hover 제거 */

.form-check-input:checked {
  background-color: #FFD93D;
  border-color: #FFD93D;
}

/* focus 그림자 */

.form-check-input:focus {
  box-shadow: 0 0 0 0.25rem rgba(0,0,0,0.25);
}

.form-check-input:checked:focus {
  box-shadow: 0 0 0 0.25rem rgba(255,217,61,0.25);
}

/* ######################### light-dark switch toggle ######################### */

.example {
  background: #1398ff;
  padding: 10px;
  margin: 10px 0;
  border-left: 5px solid #FFF47A;
}

.paragraph {
  font-size: 18px;
  font-family: 'poppins';
}

.paragraph2 {
  font-size: 15px;
  font-family: 'poppins';
}

