/* Green theme overrides */
:root{
  --thm-primary: #059669; /* emerald-600 */
  --thm-primary-400: #34d399; /* emerald-400 */
  --thm-secondary: #DAE26B; /* yellow-green used across templates */
  --thm-green: #DAE26B; /* alias for clarity */
  --accent: #10b981;
}

/* Simple color utilities used by templates */
.bg-theme-hero{
  background: linear-gradient(135deg, var(--thm-primary-400) 0%, var(--thm-primary) 100%);
}

.btn-theme{
  background-color: var(--thm-primary);
  color: #fff;
  border: none;
}

.btn-theme:hover{
  background-color: var(--accent);
}

/* Utilities for the secondary green color (#DAE26B) */
.text-thm-secondary{ color: var(--thm-secondary) !important; }
.bg-thm-secondary{ background-color: var(--thm-secondary) !important; }
.border-thm-secondary{ border-color: var(--thm-secondary) !important; }

.btn-secondary{
  background-color: var(--thm-secondary);
  color: #000;
  border: 1px solid rgba(0,0,0,0.06);
}
.btn-secondary:hover{ background-color: color-mix(in srgb, var(--thm-secondary) 80%, black 20%); }