:root {
  --mypos-green: #1f7a4d;
  --mypos-green-dark: #155a38;
  --mypos-green-light: #2ea36a;
}

body {
  background: #f4f7f5;
}

.bg-mypos {
  background: linear-gradient(90deg, var(--mypos-green-dark) 0%, var(--mypos-green) 100%) !important;
}

.text-mypos { color: var(--mypos-green); }

.brand-mark {
  font-weight: 700;
  letter-spacing: 0.5px;
  color: #fff;
}

.btn-mypos {
  background: var(--mypos-green);
  border-color: var(--mypos-green);
  color: #fff;
}
.btn-mypos:hover, .btn-mypos:focus {
  background: var(--mypos-green-dark);
  border-color: var(--mypos-green-dark);
  color: #fff;
}

.card { border-radius: 12px; }

.form-label { font-weight: 500; }

@media (max-width: 576px) {
  .card-body.p-4 { padding: 1.25rem !important; }
  .card-body.p-5 { padding: 1.75rem !important; }
}