:root {
  --crm-blue: #134294;
  --crm-red: #E20613;
}

html, body {
  height: 100%;
}

body {
  background: #f5f7fb;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.bg-crm-blue {
  background-color: var(--crm-blue) !important;
}

.btn-crm-blue {
  background-color: var(--crm-blue) !important;
  color: white;
}
.btn-crm-login {
  background-color: var(--crm-blue) !important;
  border: none;
  color: white;
  border-radius: 12px;
  padding: 12px;
  font-weight: 600;
}

.bg-crm-red {
  background-color: var(--crm-red) !important;
}
.btn-crm-red {
  background-color: var(--crm-red) !important;
  color: white;
}

.btn-crm-blue:hover, .btn-crm-login:hover {
  background-color: #0f3373 !important;
}

.btn-crm-red:hover {
  background-color: #e306139e !important;
}

.login-card {
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.12);
  padding: 40px;
  background: white;
}

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

.logo-circle {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 3px solid white;
  box-shadow: 0 5px 15px rgba(0,0,0,0.15);
  object-fit: cover;
}