/* Smartworld Kenya brand tokens
   Green is dominant. Coral is accent. Gray is supporting text/chrome. */
:root {
  --brand-green: #03a87f;
  --brand-green-dark: #027a5c;
  --brand-green-hover: #028e6b;
  --brand-green-light: #e6f7f2;
  --brand-green-soft: rgba(3, 168, 127, 0.14);
  --brand-coral: #e86d4b;
  --brand-coral-dark: #d45a3a;
  --brand-coral-light: #fde8e2;
  --brand-gray: #7d7d7d;
  --brand-gray-dark: #5c5c5c;

  --primary-cyan: #03a87f;
  --primary-cyan-hover: #028e6b;
  --secondary-pink: #e86d4b;
  --secondary-pink-hover: #d45a3a;
  --brand-coral-hover: #d45a3a;
  --text-muted: #7d7d7d;
}

/* Buttons */
.btn-primary,
button.btn-primary,
a.btn-primary {
  background-color: var(--brand-green) !important;
  color: #ffffff !important;
  border-color: var(--brand-green);
}
.btn-primary:hover,
button.btn-primary:hover,
a.btn-primary:hover {
  background-color: var(--brand-green-hover) !important;
  box-shadow: 0 4px 12px rgba(3, 168, 127, 0.35);
}
.btn-secondary,
button.btn-secondary,
a.btn-secondary {
  background-color: var(--brand-coral) !important;
  color: #ffffff !important;
}
.btn-secondary:hover,
button.btn-secondary:hover,
a.btn-secondary:hover {
  background-color: var(--brand-coral-dark) !important;
  box-shadow: 0 4px 12px rgba(232, 109, 75, 0.35);
}

/* Cards: green hover border on storefront product tiles */
.product-card:hover,
.products-grid > a:hover,
.hero-cat-card:hover {
  border-color: var(--brand-green);
}

/* Form focus */
input:focus,
select:focus,
textarea:focus {
  border-color: var(--brand-green) !important;
  outline-color: var(--brand-green);
}

/* Links that already use brand classes stay green */
.text-cyanBrand,
.text-brandPrimary { color: var(--brand-green) !important; }
.bg-cyanBrand,
.bg-brandPrimary { background-color: var(--brand-green) !important; }
.border-cyanBrand { border-color: var(--brand-green) !important; }
.text-brandCoral,
.text-pinkBrand { color: var(--brand-coral) !important; }
.bg-brandCoral,
.bg-pinkBrand { background-color: var(--brand-coral) !important; }
.text-brandGray { color: var(--brand-gray) !important; }

/* Make default Tailwind emerald/cyan/teal read as brand green (admin + store) */
.bg-emerald-500, .bg-emerald-600, .bg-cyan-500, .bg-teal-500 {
  background-color: #03a87f !important;
}
.text-emerald-500, .text-emerald-400, .text-emerald-600,
.text-cyan-500, .text-cyan-400, .text-cyan-300,
.text-teal-500, .text-teal-400 {
  color: #03a87f !important;
}
.border-emerald-500, .border-cyan-500, .border-teal-500 {
  border-color: #03a87f !important;
}
.bg-emerald-50, .bg-cyan-50, .bg-teal-50 {
  background-color: #e6f7f2 !important;
}
.text-emerald-800, .text-emerald-900, .text-cyan-800 {
  color: #027a5c !important;
}
.border-emerald-200, .border-cyan-200 {
  border-color: #b7eadc !important;
}
.dark .bg-emerald-500, .dark .bg-cyan-500 {
  background-color: #03a87f !important;
}