:root {
  --p-primary: #0e8f4f;
  --p-primary-dark: #085c33;
  --p-radius: 12px;
  --p-shadow: 0 4px 16px rgba(8, 92, 51, 0.10);
}
body { background: #f2f9f5; font-family: 'Fira Sans', sans-serif; }
.pro-navbar { background: linear-gradient(135deg, var(--p-primary-dark), var(--p-primary)); }
.pro-main { min-height: 70vh; }
.pro-card {
  background: #fff;
  border-radius: var(--p-radius);
  box-shadow: var(--p-shadow);
  border: none;
}
.pro-auth-body { background: linear-gradient(135deg, var(--p-primary-dark), var(--p-primary)); min-height: 100vh; }
.pro-auth-card { border: none; border-radius: var(--p-radius); box-shadow: 0 10px 28px rgba(0,0,0,0.2); overflow: hidden; }
.pro-auth-header { background: linear-gradient(135deg, var(--p-primary-dark), var(--p-primary)); }
.btn-primary { background-color: var(--p-primary); border-color: var(--p-primary); }
.btn-primary:hover { background-color: var(--p-primary-dark); border-color: var(--p-primary-dark); }