/* Opportunity Basket, Harvest Green brand override.
   Remaps the Tailwind 2.x indigo utility classes (loaded from CDN, so not
   configurable) onto the brand green palette, plus applies brand fonts.
   Loaded after Tailwind so these win. */

:root{
  --ob-green:#16794B; --ob-green-deep:#0F5C39; --ob-sprout:#4CB87A;
  --ob-amber:#E19E2E; --ob-ink:#1B241E; --ob-sage:#6E756B;
  --ob-paper:#F6F2E9; --ob-surface:#FCFAF4;
}

/* ---- Typography ---- */
body{font-family:"Hanken Grotesk",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;}
h1,h2,h3,h4,.font-bold,.font-extrabold,.font-semibold{font-family:"Bricolage Grotesque",sans-serif;letter-spacing:-0.01em;}

/* ---- Text colours ---- */
.text-indigo-600,.text-indigo-700,.hover\:text-indigo-600:hover,.hover\:text-indigo-900:hover{color:var(--ob-green)!important;}
.text-indigo-500{color:var(--ob-sprout)!important;}
.text-indigo-400,.text-indigo-300{color:var(--ob-sprout)!important;}

/* ---- Backgrounds ---- */
.bg-indigo-600{background-color:var(--ob-green)!important;}
.bg-indigo-700,.hover\:bg-indigo-700:hover{background-color:var(--ob-green-deep)!important;}
.bg-indigo-100{background-color:#E3F0E8!important;}
.bg-indigo-50{background-color:#EEF6F0!important;}

/* ---- Borders / rings ---- */
.border-indigo-200{border-color:#BFE0CC!important;}
.border-indigo-600{border-color:var(--ob-green)!important;}
.hover\:border-indigo-400:hover{border-color:var(--ob-sprout)!important;}
.focus\:ring-indigo-400:focus{--tw-ring-color:var(--ob-sprout)!important;box-shadow:0 0 0 2px var(--ob-sprout)!important;}
.text-indigo-900{color:var(--ob-green-deep)!important;}

/* ---- Green accent already used for signals stays green (harmonises) ---- */