:root{
  --brand-safari-green: #524920;
  --brand-safari-dark: #514918;
  --brand-golden-sand: #e6924a;
  --brand-golden-light: #f7dc73;
}

/* Small helpers to override generated Tailwind utilities where needed */
.text-brand { color: var(--brand-safari-green) !important; }
.bg-brand { background-color: var(--brand-safari-green) !important; }
.border-brand { border-color: var(--brand-safari-green) !important; }
.text-accent { color: var(--brand-golden-sand) !important; }
.bg-accent { background-color: var(--brand-golden-sand) !important; }

/* Example: ensure headers use brand color */
h1,h2,h3,h4,h5 { color: var(--brand-safari-dark); }

/* Make sure buttons use accent unless overridden */
.btn-brand { background-color: var(--brand-golden-sand); color: #fff; }

/* Fallback for inline styles that used the old hex */
html[theme="awili"] .text-oldbrand { color: var(--brand-safari-green); }
/* Brand overrides generated from logo colors */
:root{
  --brand-safari-green: #524920;
  --brand-safari-dark: #514918;
  --brand-golden-sand: #e6924a;
  --brand-golden-light: #f7dc73;
}

/* Text and background helpers */
.text-golden-sand { color: #e6924a !important; }
.bg-golden-sand { background-color: #e6924a !important; }
.text-safari-green { color: #524920 !important; }
.bg-safari-green { background-color: #524920 !important; }
.text-safari-dark { color: #514918 !important; }
.bg-safari-dark { background-color: #514918 !important; }

/* Gradient helpers (Tailwind utility overrides) */
.from-golden-sand { --tw-gradient-from: #e6924a !important; --tw-gradient-to: rgba(230,146,74,0) !important; }
.to-cta-orange { --tw-gradient-to: #e6924a !important; }

/* Buttons */
.btn-primary { background: linear-gradient(135deg, #e6924a, #e6924a) !important; box-shadow: 0 4px 20px rgba(230,146,74,0.3) !important; }
.btn-primary::after { background: linear-gradient(135deg, #e6924a, #e6924a) !important; }
.btn-dark { background: #514918 !important; }
.btn-dark:hover { background: #e6924a !important; }

/* Section label */
.section-label { color: #e6924a !important; }
.section-label::before, .section-label::after { background: linear-gradient(90deg, #e6924a, transparent) !important; }

/* Form accent fallback (Tailwind generated utility uses the raw hex) */
.accent-\\[\\#0F2D3A\\] { accent-color: #524920 !important; }

/* Misc overrides used by templates */
.text-e6924a, .color-e6924a { color: #e6924a !important; }
.bg-e6924a { background: #e6924a !important; }

/* Keep overrides small and specific to avoid unexpected side-effects */

/* Ensure utility class used in templates matches brand color */
.bg-safari-dark { background-color: var(--brand-safari-dark) !important; }