@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);
@import "../dist/css/bit.css"; 

@media only screen and (max-width: 767px) {
    .wrapper-login-card {
      padding: 0;
    }
  }

@media only screen and (min-width: 768px) {
    .wrapper-login-card {
      padding: 180px;
      width:100%;
    }
  }

:root { 
  --bit-color-50: #EFEFFF;
  --bit-color-100: #DFE0FA;
  --bit-color-200: #C0C1F5;
  --bit-color-300: #A1A3F0;
  --bit-color-400: #8284EC;
  --bit-color-500: #1d4ed8;
  --bit-color-600: #173C8F
;
  --bit-color-700: #3B3D8B;
  --bit-color-800: #27285D;

  --bit-color-rgb: 29, 78, 216;

}

  .btn{
    border-radius: 12px;
  }

  input.form-control{
    border-radius: 12px;
  }

.btn-primary,
.btn-outline-primary,
.btn-ghost-primary {
  --tblr-btn-color: var(--bit-color-500);
  --tblr-btn-color-interactive: var(--bit-color-600);
  --tblr-btn-color-text: #fafbfc;
}

.rounded-5{
  border-radius: 10px;
}

.bg-primary {
  --tblr-bg-opacity: 0.75;
  background-color: rgba(var(--bit-color-rgb), var(--tblr-bg-opacity)) !important;
}