:root{
  /* Core */
  --black:#111;
  --white:#fff;

  /* Neutrals */
  --gray-50:#fafafa;
  --gray-200:#e5e7eb;
  --gray-600:#6b7280;
  --gray-800:#2d2f33;

  /* ZAAB green (brand-aligned, dark) */
  --zaab-green:#166534;        /* deep green */
  --zaab-green-600:#15803d;    /* hover */
  --zaab-green-300:#86efac;    /* focus ring */

  /* Semantic */
  --primary:var(--zaab-green);
  --primary-hover:var(--zaab-green-600);
  --focus-ring:rgba(22,101,52,.25);
}

/* Inputs */
.form-control{
  border-radius:10px;
  border:1px solid var(--gray-200);
  padding:10px 12px;
}

.form-control:focus{
  border-color:var(--primary);
  box-shadow:0 0 0 .2rem var(--focus-ring);
  outline:0;
}

/* Primary button */
.btn-primary{
  background:var(--primary);
  border-color:var(--primary);
  border-radius:10px;
  padding:10px 14px;
}

.btn-primary:hover{
  background:var(--primary-hover);
  border-color:var(--primary-hover);
}

/* Links */
.link{
  color:var(--black);
  text-decoration:none;
  border-bottom:2px solid rgba(22,101,52,.45);
  padding-bottom:1px;
}

.link:hover{
  color:var(--gray-800);
  border-bottom-color:var(--primary);
}

/* Alerts */
.alert{
  border-radius:10px;
  padding:.6rem .75rem;
}