/* Brand colors from logo: golden #e6b23a, dark #292d27 - explicit overrides */
:root {
  --color-brand-50: #fdf8ed;
  --color-brand-100: #f9edc9;
  --color-brand-400: #e6b23a;
  --color-brand-500: #d4a02e;
  /* New primary button brand color */
  --color-brand-600: #f4b183;
  /* Slightly darker for hover */
  --color-brand-700: #e09a5f;
  --color-brand-800: #292d27;
  --color-brand-900: #1a1d19;

  /* Override Tailwind slate-900 to match brand dark green (#22281d) */
  --color-slate-900: #22281d;
}

/* Text - golden accent */
.text-brand-100 { color: #f9edc9 !important; }
.text-brand-400 { color: #e6b23a !important; }
.text-brand-500 { color: #d4a02e !important; }
.text-brand-600 { color: var(--color-brand-600) !important; }
.text-brand-700 { color: var(--color-brand-700) !important; }
.text-brand-800 { color: #292d27 !important; }
.text-brand-900 { color: #1a1d19 !important; }

/* Hover text */
.hover\:text-brand-400:hover { color: #e6b23a !important; }
.hover\:text-brand-500:hover { color: #d4a02e !important; }
.hover\:text-brand-600:hover { color: var(--color-brand-600) !important; }
.hover\:text-brand-700:hover { color: var(--color-brand-700) !important; }
.hover\:text-brand-800:hover { color: #292d27 !important; }
.group:hover .group-hover\:text-brand-600 { color: var(--color-brand-600) !important; }
.group:hover .group-hover\:text-brand-700 { color: var(--color-brand-700) !important; }

/* Backgrounds */
.bg-brand-50 { background-color: #fdf8ed !important; }
.bg-brand-500 { background-color: #d4a02e !important; }
.bg-brand-600 { background-color: var(--color-brand-600) !important; }
.bg-brand-700 { background-color: var(--color-brand-700) !important; }
.bg-brand-800 { background-color: #292d27 !important; }
.hover\:bg-brand-400:hover { background-color: #e6b23a !important; }
.hover\:bg-brand-500:hover { background-color: #d4a02e !important; }
.hover\:bg-brand-700:hover { background-color: var(--color-brand-700) !important; }

/* Borders */
.border-brand-500,
.border-brand-600 { border-color: var(--color-brand-600) !important; }
.hover\:border-brand-400:hover { border-color: #e6b23a !important; }
.hover\:border-brand-500:hover { border-color: #d4a02e !important; }
.after\:bg-brand-400::after { background-color: #e6b23a !important; }
.focus\:border-brand-400:focus { border-color: #e6b23a !important; }

/* Brand button - golden */
.brand-btn {
  border-color: var(--color-brand-600) !important;
  background-color: var(--color-brand-600) !important;
  color: white !important;
}
.brand-btn:hover {
  background-color: var(--color-brand-700) !important;
}