/* ============================================================
   Team Baraz — Brand Override for Financer Template
   Loaded AFTER template-style.css. Recolors red/orange -> mauve/charcoal.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap');

:root{
  --mauve:#9B5FA0;
  --mauve-deep:#6E3F72;
  --mauve-tint:#F4E9F5;
  --charcoal:#2B2B2B;
  --limestone:#B08A46;
  --paper:#FBF8F6;
}

body{ font-family: 'Inter', sans-serif !important; color: var(--charcoal) !important; background: var(--paper) !important; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ font-family: 'Fraunces', serif !important; font-weight: 500 !important; letter-spacing: -0.01em; }

/* ---- text colors ---- */
.text-orange, .text-orange *{ color: var(--limestone) !important; }
.text-red, .text-red *{ color: var(--mauve) !important; }
.text-primary, .text-primary *,
.primary-color-red .text-primary, .primary-color-red .text-primary *,
.primary-color-purple .text-primary, .primary-color-purple .text-primary *{ color: var(--mauve-deep) !important; }
.text-dark, .text-dark *{ color: var(--charcoal) !important; }
.text-yellow, .text-yellow *{ color: var(--limestone) !important; }
.text-green, .text-green *{ color: #5C7A5E !important; }
.text-light-blue, .text-light-blue *{ color: var(--mauve) !important; }

/* ---- background colors ---- */
.background-orange, .primary-color-orange .background-primary{ background-color: var(--limestone) !important; }
.background-primary, .primary-color-primary .background-primary,
.primary-color-red .background-primary{ background-color: var(--mauve) !important; }
.background-dark, .primary-color-dark .background-primary{ background-color: var(--charcoal) !important; }
.background-grey{ background-color: #F4EFEC !important; }

/* ---- transparent header highlight uses primary too ---- */
.background-primary-hightlight .top-nav .active-item > a,
.background-primary-hightlight .top-nav li a:hover,
.background-primary-hightlight .aside-nav li a:hover{ color: var(--mauve) !important; }

/* ---- buttons ---- */
a.button.background-primary{ background-color: var(--mauve) !important; }
a.button.background-orange{ background-color: var(--charcoal) !important; }
a.button.background-primary:hover{ background-color: var(--mauve-deep) !important; }
a.button.background-orange:hover{ background-color: #1c1c1c !important; }

/* ---- accordion (already uses background-primary, covered above) ---- */

/* ---- logo: hide template's placeholder logo images, use text wordmark instead ---- */
.logo img{ display:none !important; }
.logo{ font-family:'Fraunces', serif !important; font-size:1.3rem !important; font-weight:500; }
.logo .wm-accent{ color: var(--mauve) !important; }

/* ---- premium features ribbon: remove, not relevant ---- */
a[href*="premium-features"], img[src*="premium-features"]{ display:none !important; }

/* ---- count-to number styling refinement ---- */
.count-to .timer{ font-family:'Fraunces', serif !important; }

/* ---- FAQ / disclosure boxes matching prior brand pattern ---- */
.placeholder-box{ background:#F2E9D8; border:1px dashed var(--limestone); border-radius:4px; padding:18px 20px; font-size:.9rem; color:#6E5A2E; }
.placeholder-box strong{ color:#4E3F1E; }