@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');

body, button, input, select, textarea {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* Login screen */
body.iframe #layout-content,
#login-form {
  --rh-red: #E24B4A;
  --rh-blue: #378ADD;
  --rh-orange: #EF9F27;
}

body:has(#login-form) {
  background: linear-gradient(160deg, #fff7f5 0%, #ffffff 55%, #e6f1fb 100%);
}

#logo {
  width: 200px;
  height: 44px;
  background-image: url('./logo.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin: 0 auto 1.5rem;
}

#login-form {
  background: #ffffff;
  border: 1px solid #f0f0f0;
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(226, 75, 74, 0.08);
  padding: 2rem 1.75rem 1.5rem;
}

.btn-primary,
#login-form .button.mainaction {
  background: #E24B4A !important;
  border-color: #E24B4A !important;
  color: #fff !important;
  border-radius: 20px !important;
}

.btn-primary:focus,
.btn-primary:hover,
#login-form .button.mainaction:hover {
  background: #c0392b !important;
  border-color: #c0392b !important;
  box-shadow: 0 0 0 .2rem rgba(226, 75, 74, .25) !important;
}

a, .ui.alert a:not(.btn) {
  color: #c0392b;
}

#login-form input.form-control:focus {
  border-color: #E24B4A !important;
  box-shadow: 0 0 0 .2rem rgba(226, 75, 74, .15) !important;
}