/* =========================================================
   Java John's — BRAND-COLOUR PREVIEW (optional override)
   Corporate colours:  Black #000000  ·  Orange/Yellow #F1B20C
   Text kept white, as requested.
   ---------------------------------------------------------
   This file ONLY loads when you visit the site with ?brand=1
   (e.g. /?brand=1). The normal site is completely unchanged.
   To make these colours permanent later, just say the word and
   we'll fold them into the main stylesheet. To drop the idea,
   delete this file and the small <script> line in index.html.
   ========================================================= */

:root{
  --espresso:#000000;        /* base — black */
  --espresso-2:#0c0c0c;      /* raised panels */
  --espresso-3:#151515;      /* cards */
  --cream:#ffffff;           /* primary text — white */
  --cream-soft:#d8d8d8;      /* secondary text */
  --muted:#9b9b9b;           /* tertiary */
  --copper:#F1B20C;          /* primary accent — brand orange/yellow */
  --copper-deep:#cf9a08;     /* deeper accent */
  --gold-line:rgba(241,178,12,.32);
  --paper:#0a0a0a;           /* "light" sections become near-black */
  --paper-2:#2a2a2a;         /* borders on dark */
  --ink:#ffffff;             /* text that sat on light sections — now white */
  --ink-soft:#c6c6c6;
}

/* cards that were hard-coded white → dark, so they read on black */
.step,
.ci,
.form-card,
.pkg-card,
.faq-item,
.trust-badge{background:#151515}

.socials a{background:#151515;color:#fff}
.socials a:hover{background:var(--copper);color:#000}

/* the "Most Popular" package card */
.pkg-card.featured{background:linear-gradient(180deg,#1b1b1b,#0e0e0e);border-color:var(--copper)}
.pkg-card.featured .pkg-name{color:var(--copper)}

/* make ALL package cards match the featured (middle) one — same bg, border, yellow text & ticks */
.pkg-card{background:linear-gradient(180deg,#1b1b1b,#0e0e0e);border-color:var(--copper)}
.pkg-name{color:var(--copper)}
.pkg-price{color:var(--copper)}
.pkg-price .from{color:var(--copper)}
.pkg-list svg{color:var(--copper)}

/* form field focus state (was white) */
.form-card input:focus,
.form-card select:focus,
.form-card textarea:focus{background:#1a1a1a;box-shadow:0 0 0 3px rgba(241,178,12,.20)}

/* ---- BLACK text on every SOLID-YELLOW background (better contrast than white) ---- */
.btn-primary,
.btn-primary svg,
.pkg-flag{color:#000}

/* the "2 Coffee Vans Ready" badge: yellow bg, all text + number forced black */
.about-media .badge{background:var(--copper);color:#000}
.about-media .badge b,
.about-media .badge span{color:#000}

/* socials hover (yellow) keep black icon */
.socials a:hover{background:var(--copper);color:#000}
.socials a:hover svg{color:#000;fill:#000}