/* ===== Brand palette (as CSS variables) ===== */
:root{
  --brand-primary:#6C9197;
  --brand-secondary:#2F3E46;
  --brand-accent:#00A896;
  --brand-bg:#F8FAFB;
  --brand-text:#1E293B;
}

/* Map brand utility classes used in HTML */
.text-brand-accent{color:var(--brand-accent)!important}
.text-brand-text{color:var(--brand-text)!important}
.bg-brand-accent{background-color:var(--brand-accent)!important;color:#fff}
.bg-brand-bg{background-color:var(--brand-bg)!important}
.bg-brand-secondary{background-color:var(--brand-secondary)!important;color:#e6e7ea}
/* Keep the white CTA legible on dark images */
#home .hover\:brightness-110:hover{filter:brightness(1.1)}
/* Improve hero readability a bit without changing HTML */
#home .absolute.inset-0:nth-child(2){background-color:rgba(0,0,0,.62)} /* global dark layer */
#home .bg-gradient-to-r{background-image:linear-gradient(to right, rgba(0,0,0,.70), rgba(0,0,0,.40), rgba(0,0,0,0))}