/* ---- Bookkeeping Hub palette (safe to paste as-is, works anywhere) ---- */
:root{
  --bh-navy:#1B3A5C;
  --bh-navy-hover:#142B44;
  --bh-gold:#B8935F;
  --bh-gold-strong:#8F7148;
  --bh-gold-tint: rgba(184,147,95,0.14);
  --bh-cream:#F4F1EC;
  --bh-cream-alt:#ECE6DB;
  --bh-white:#FFFFFF;
  --bh-ink:#3C3223;
  --bh-muted:#766B59;
  --bh-border: rgba(27,58,92,0.14);
}

/* ---- Custom classes: assign these in Zoho's element style panel ---- */
.bh-heading{ font-family:'Lora',Georgia,serif; font-weight:600; color:var(--bh-navy); }
.bh-display{ font-family:'Playfair Display',Georgia,serif; font-weight:700; color:var(--bh-navy); }
.bh-body{ font-family:'Lato',sans-serif; color:var(--bh-ink); }
.bh-eyebrow{ font-family:'Montserrat',sans-serif; font-weight:700; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--bh-gold-strong); }
.bh-tagline{ font-family:'Lora',Georgia,serif; font-style:italic; font-weight:500; color:var(--bh-gold-strong); }

.bh-btn-primary{ display:inline-block; padding:13px 26px; border-radius:999px; background:var(--bh-navy); color:var(--bh-cream) !important; font-family:'Montserrat',sans-serif; font-weight:600; font-size:14px; text-decoration:none; }
.bh-btn-primary:hover{ background:var(--bh-navy-hover); }
.bh-btn-outline{ display:inline-block; padding:13px 26px; border-radius:999px; background:transparent; border:1.5px solid var(--bh-border); color:var(--bh-navy) !important; font-family:'Montserrat',sans-serif; font-weight:600; font-size:14px; text-decoration:none; }
.bh-btn-outline:hover{ border-color:var(--bh-gold); color:var(--bh-gold-strong) !important; }

.bh-card{ background:var(--bh-white); border:1px solid var(--bh-border); border-radius:16px; padding:26px 24px; box-shadow:0 1px 2px rgba(27,58,92,0.06), 0 12px 28px -16px rgba(27,58,92,0.22); }
.bh-section-alt{ background:var(--bh-cream-alt) !important; }
.bh-badge{ width:46px; height:46px; border-radius:50%; background:var(--bh-gold-tint); display:flex; align-items:center; justify-content:center; }
.bh-badge svg{ width:22px; height:22px; stroke:var(--bh-gold-strong); fill:none; stroke-width:1.7; }

/* If a style doesn't visibly apply, Zoho's own default class is likely
   winning on specificity — add !important to that one line and re-save. */