/* Theme variables and utility classes (WhatsApp-style green theme) */
:root {
  --primary-1: #25D366;
  --primary-2: #128C7E;
  --primary-3: #075e54;
  --accent-gradient: linear-gradient(90deg, var(--primary-1) 0%, var(--primary-2) 100%);
  --bg-gradient: linear-gradient(135deg, var(--primary-1) 0%, var(--primary-2) 50%, var(--primary-3) 100%);
  --on-primary: #ffffff;
}

/* Navbar and header/footer backgrounds */
.theme-navbar {
  background: var(--accent-gradient) !important;
  color: var(--on-primary) !important;
}
.theme-footer {
  background: var(--accent-gradient) !important;
  color: var(--on-primary) !important;
}
.theme-card-header {
  background: var(--accent-gradient) !important;
  color: var(--on-primary) !important;
}

/* Buttons */
.btn-whatsapp {
  background: var(--accent-gradient) !important;
  color: var(--on-primary) !important;
  border: none !important;
}

/* Avatar */
.theme-avatar {
  background: var(--accent-gradient) !important;
  color: var(--on-primary) !important;
}

/* Page background */
.theme-bg-gradient {
  background: var(--bg-gradient) !important;
}

/* Utility tweaks */
.text-on-primary { color: var(--on-primary) !important; }
.link-on-primary { color: rgba(255,255,255,0.95) !important; }