:root {
  --deep-green: #064e3b;
  --medium-green: #047857;
  --light-green: #10b981;
  --cyan: #06b6d4;
  --emerald-light: #6ee7b7;
  --emerald-dark: #065f46;
}

/* Input focus states */
input:focus {
  border-color: var(--cyan) !important;
  box-shadow: 0 0 0 1px var(--cyan);
}

/* Button hover states */
button.bg-emerald-600:hover {
  background-color: var(--light-green);
}

/* Link hover states */
a.text-cyan-400:hover {
  color: var(--cyan);
  filter: brightness(1.2);
}