:root{
  --font-sans:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;

  --color-neutral-161616:#161616;
  --color-gray-e6e6e6:#e6e6e6;
  --color-white-ffffff:#ffffff;

  --color-blue-006ffd:#006ffd;
  --color-blue-0096e7:#0096e7;
  --color-blue-b4dbff:#b4dbff;
  --color-pink-ff08ad:#ff08ad;

  --shadow-elev-1:0 10px 30px rgba(0,0,0,.08);

  --bs-body-font-family:var(--font-sans);
  --bs-body-color:var(--color-neutral-161616);
  --bs-body-bg:#f7f9ff;

  --bs-border-color:var(--color-gray-e6e6e6);
  --bs-border-radius:0.875rem;
  --bs-border-radius-lg:1.25rem;
  --bs-border-radius-xl:1.5rem;

  --bs-primary:var(--color-blue-006ffd);
  --bs-primary-rgb:0,111,253;
  --bs-link-color:var(--color-blue-006ffd);
  --bs-link-hover-color:#0057c7;

  --bs-focus-ring-color:rgba(0,111,253,.22);
}

body{
  font-family:var(--bs-body-font-family);
  color:var(--bs-body-color);
  background:var(--bs-body-bg);
}

.card{
  border-color:var(--bs-border-color);
  border-radius:var(--bs-border-radius-lg);
  box-shadow:var(--shadow-elev-1);
}

.dropdown-menu{
  border-color:var(--bs-border-color);
  border-radius:var(--bs-border-radius);
  box-shadow:var(--shadow-elev-1);
}

.btn-primary{
  border-color:transparent;
  background:linear-gradient(135deg,var(--color-blue-0096e7),var(--color-pink-ff08ad));
}

.btn-primary:hover,
.btn-primary:focus{
  border-color:transparent;
  background:linear-gradient(135deg,#007fe0,#ff08ad);
}

.btn-outline-primary{
  border-color:var(--color-blue-006ffd);
  color:var(--color-blue-006ffd);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus{
  border-color:var(--color-blue-006ffd);
  background:var(--color-blue-006ffd);
  color:var(--color-white-ffffff);
}

.form-control:focus,
.form-select:focus{
  border-color:var(--color-blue-006ffd);
  box-shadow:0 0 0 .25rem rgba(0,111,253,.18);
}

.form-control,
.form-select{
  border-radius:var(--bs-border-radius);
}

.form-check-input:checked{
  background-color:var(--color-blue-006ffd);
  border-color:var(--color-blue-006ffd);
}

.badge.bg-primary{
  background-color:var(--color-blue-006ffd) !important;
}

.text-primary{
  color:var(--color-blue-006ffd) !important;
}
