/* ==========================================================================
   Brand skin — Billy Ho [BHO]
   Source of truth: brand-visual.md / wmc-brand-portal (/brand/billy-ho).
   Palette: Orange #B2684B · Cobalt #273133 · Silk #F2F1EA · Carbon #333333 · White #FFFFFF.
   Light site per bible (Silk/White backgrounds, Cobalt text); dark panels
   and image heroes carry the night mood.
   ========================================================================== */

/* === 1. Brand tokens === */
:root { --brand:#B2684B; }          /* Orange — CTAs, accents, highlights */
:root { --brand-hover:#b07e58; }    /* Hover of Orange (carried from live site) */
:root { --plum:#273133; }           /* Cobalt — nav bg, dark panels, page-title--dark */

:root { --ink:#273133; }            /* Body text = Cobalt per bible */
:root { --paper:#ffffff; }          /* Base background = White */
:root { --muted:#F2F1EA; }          /* Light sections = Silk */
:root { --mid:#333333; }            /* Secondary text = Carbon (review at staging: close to --ink) */

/* === 2. Fonts (self-hosted via font.css) === */
:root { --ff-heading:"Gill Sans Heavy",Helvetica,Arial,sans-serif; }
:root { --ff-body:"Plus Jakarta Sans",Helvetica,Arial,sans-serif; }
/* --ff-display: Holtzberg — pending licensed file; falls back to ui.css default until then */

/* Body runs on Plus Jakarta Sans Light; bold spans use the Bold file */
body { font-weight:300; }
strong, b { font-weight:700; }

/* === 3. Component overrides === */

/* Buttons — Billy Ho style: Gill Sans Heavy, uppercase, Silk text.
   Asymmetric padding compensates Gill Sans Heavy's high optical baseline. */
.wmc-btn { font-family:var(--ff-heading); font-weight:700; text-transform:uppercase; letter-spacing:.5px; padding:15px 20px 10px 20px; border-radius:0; }
.wmc-btn--primary { background:var(--brand); color:#F2F1EA !important; }
.wmc-btn--primary:hover { background:var(--brand-hover); filter:none; transform:translateY(-1px); color:#F2F1EA !important; text-decoration:none !important; }
.wmc-btn--ghost { color:#F2F1EA !important; border:1px solid #F2F1EA; }
.wmc-btn--ghost:hover { background:rgba(242,241,234,.12); border-color:#F2F1EA; color:#F2F1EA !important; text-decoration:none !important; }

/* Headings — Gill Sans Heavy is naturally loud; give it brand air */
h1, h2, h3 { letter-spacing:.05em; text-transform:uppercase; }

/* Forminator — submit button matches .wmc-btn--primary */
button.forminator-button.forminator-button-submit { background:var(--brand); color:#F2F1EA; border:0; font-family:var(--ff-heading); font-weight:700; text-transform:uppercase; letter-spacing:.5px; padding:15px 20px 10px 20px; cursor:pointer; }
button.forminator-button.forminator-button-submit:hover { background:var(--brand-hover); }