/* =====================================================
 * EquiMind theme — brass / turf / ink identity.
 * Loaded AFTER Tailwind CDN to remap the indigo/slate palette used by the
 * pages onto the EquiMind brand (see equimind_logo identity system):
 *   brass #C9A24B · brass-bright #E6C572 · turf #3E8E6B · ink #0E120F · bone #ECE6DA
 * Fonts: Bricolage Grotesque (display) · Archivo (body) · JetBrains Mono (data).
 * ===================================================== */

:root{
  --em-ink:#0E120F; --em-ink-2:#0b0f0c;
  --em-surface:#161C18; --em-surface-2:#1C2420; --em-raised:#212A24;
  --em-line:rgba(236,230,218,.10); --em-line-2:rgba(236,230,218,.16);
  --em-bone:#ECE6DA; --em-muted:#98A199; --em-faint:#697268;
  --em-brass:#C9A24B; --em-brass-bright:#E6C572; --em-brass-deep:#A9822F; --em-turf:#3E8E6B; --em-turf-bright:#5FD08B;
}

body{
  background:
    radial-gradient(1100px 620px at 80% -8%, rgba(201,162,75,.10), transparent 60%),
    radial-gradient(900px 600px at -6% 6%, rgba(62,142,107,.08), transparent 55%),
    linear-gradient(180deg,#10160F,var(--em-ink)) !important;
  background-attachment:fixed !important;
  color:var(--em-bone);
  font-family:"Archivo",system-ui,sans-serif;
}
h1,h2,h3,.wordmark{font-family:"Bricolage Grotesque","Archivo",sans-serif;letter-spacing:-.01em}
.mono,[class*="mono"]{font-family:"JetBrains Mono",ui-monospace,monospace}

/* landing hero glow -> brass/turf */
.hero{background:
  radial-gradient(1200px 460px at 20% -10%, rgba(201,162,75,.16), transparent 60%),
  radial-gradient(900px 460px at 90% 0%, rgba(62,142,107,.12), transparent 55%) !important;}

/* ---- surfaces ---- */
.bg-slate-950{background-color:var(--em-ink-2) !important}
.bg-slate-900,.bg-slate-900\/60,.bg-slate-900\/50,.bg-slate-900\/40{background-color:rgba(22,28,24,.72) !important}
.bg-slate-800,.bg-slate-800\/50{background-color:var(--em-surface-2) !important}
.border-slate-700,.border-slate-800,.border-slate-900{border-color:var(--em-line) !important}

/* ---- neutral text ---- */
.text-slate-100{color:var(--em-bone) !important}
.text-slate-200,.text-slate-300{color:#CDC8BC !important}
.text-slate-400,.text-slate-500{color:var(--em-muted) !important}
.text-slate-600{color:var(--em-faint) !important}

/* ---- accents: indigo/violet -> brass ---- */
.text-indigo-200,.text-indigo-300,.text-indigo-400,.text-violet-300{color:var(--em-brass-bright) !important}
.bg-indigo-600,.bg-violet-600{background-color:var(--em-brass) !important;color:#1a140a !important}
.hover\:bg-indigo-500:hover,.hover\:bg-violet-500:hover{background-color:var(--em-brass-bright) !important;color:#1a140a !important}
.hover\:bg-indigo-600:hover{background-color:var(--em-brass) !important}
.hover\:text-indigo-200:hover,.hover\:text-indigo-300:hover{color:var(--em-brass-bright) !important}
.hover\:border-indigo-500:hover{border-color:var(--em-brass) !important}
.border-indigo-500\/60,.border-indigo-600\/40{border-color:rgba(201,162,75,.55) !important}
/* gradient CTA (indigo->violet) -> brass->turf wash */
.from-indigo-600\/25{--tw-gradient-from:rgb(201 162 75 / .20) var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(201 162 75 / 0) var(--tw-gradient-to-position) !important}
.from-indigo-600\/35{--tw-gradient-from:rgb(201 162 75 / .30) var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(201 162 75 / 0) var(--tw-gradient-to-position) !important}
.to-violet-600\/15{--tw-gradient-to:rgb(62 142 107 / .12) var(--tw-gradient-to-position) !important}
.to-violet-600\/25{--tw-gradient-to:rgb(62 142 107 / .18) var(--tw-gradient-to-position) !important}

/* ---- amber (jump-coach section already brass-toned) -> brass ---- */
.text-amber-300,.text-amber-400{color:var(--em-brass-bright) !important}
.bg-amber-400,.bg-amber-500{background-color:var(--em-brass) !important;color:#1a140a !important}
.hover\:bg-amber-400:hover,.hover\:bg-amber-500:hover{background-color:var(--em-brass-bright) !important;color:#1a140a !important}

/* ---- emerald -> turf ---- */
.bg-emerald-600{background-color:var(--em-turf) !important;color:#04140c !important}
.hover\:bg-emerald-500:hover{background-color:#4BA37E !important;color:#04140c !important}
.text-emerald-300,.text-emerald-400{color:var(--em-turf-bright) !important}
.bg-emerald-600\/20{background-color:rgba(62,142,107,.20) !important}
.border-emerald-600\/40,.border-emerald-600\/60{border-color:rgba(62,142,107,.45) !important}
.text-cyan-300,.text-cyan-400,.bg-cyan-400{color:var(--em-turf-bright) !important}

/* focus ring */
:focus-visible{outline-color:var(--em-brass-bright) !important}