/* GloReach brand tokens */
:root {
  --brand-orange: #FC6D4C;
  --brand-coral: #F85A60;
  --brand-pink: #F24A76;
  --brand-charcoal: #1F232D;
  --brand-gradient: linear-gradient(135deg, #FC6D4C 0%, #F85A60 50%, #F24A76 100%);
}

/* Primary actions (was emerald) */
.bg-emerald-600 { background-color: var(--brand-coral) !important; }
.bg-emerald-700,
.hover\:bg-emerald-700:hover { background-color: var(--brand-pink) !important; }
.hover\:bg-emerald-600:hover { background-color: var(--brand-pink) !important; }
.text-emerald-600,
.text-emerald-700 { color: var(--brand-coral) !important; }
.border-emerald-500,
.border-emerald-600 { border-color: var(--brand-coral) !important; }
.ring-emerald-500 { --tw-ring-color: var(--brand-coral) !important; }
.focus\:ring-emerald-500:focus { --tw-ring-color: var(--brand-coral) !important; }

/* Admin / secondary (was violet/purple) */
.bg-violet-600,
.bg-purple-600 { background-color: var(--brand-pink) !important; }
.bg-violet-700,
.bg-purple-700,
.hover\:bg-violet-700:hover,
.hover\:bg-purple-700:hover { background-color: #d93d68 !important; }
.text-violet-600,
.text-purple-600 { color: var(--brand-pink) !important; }
.border-violet-500,
.border-purple-500 { border-color: var(--brand-pink) !important; }

/* Brand button utility */
.btn-brand {
  background: var(--brand-gradient);
  color: #fff;
  transition: opacity 0.15s ease, transform 0.15s ease;
}
.btn-brand:hover {
  opacity: 0.92;
}
.btn-brand:active {
  transform: scale(0.98);
}

/* Light mode tinted backgrounds */
.bg-emerald-50 { background-color: rgba(252, 109, 76, 0.08) !important; }
.bg-emerald-100 { background-color: rgba(248, 90, 96, 0.15) !important; }
.bg-violet-50,
.bg-purple-50 { background-color: rgba(242, 74, 118, 0.08) !important; }

/* Focus rings */
.focus\:border-emerald-500:focus { border-color: var(--brand-coral) !important; }

.text-brand-charcoal { color: var(--brand-charcoal); }
.bg-brand-gradient { background: var(--brand-gradient); }