/* Brand palette — forest and gold.
 *
 * Replaces the builder's inline <style>, which shipped a pale gold (#d8a75b) as
 * --bs-primary. That made gold the colour of every button, link and .text-primary
 * on the site, and gold cannot carry text on a light ground: white on #d8a75b is
 * 2.19:1 and gold-on-white links were the same, both far under the 4.5:1 floor.
 * No gold bright enough to still read as gold ever passes there.
 *
 * So the two brand colours swap jobs, which is what the client's own logo does —
 * gold lettering on a near-black forest ground:
 *
 *   green ACTS    buttons, links, focus rings. #1B4429 carries white at 11.0:1.
 *   gold ACCENTS  dark bands, rules, icons, kickers, hover. #E0A62F on #0B1F12
 *                 is 7.9:1 and finally looks like gold rather than beige.
 *
 * Gold is deliberately NOT mapped to a --bs-* role: Bootstrap would immediately
 * reapply it as button and link text and undo the whole point.
 */

:root {
  /* Forest — sampled from the client's logo, whose ground is #020F06–#102010. */
  --brand-forest-900: #0B1F12;  /* deepest: footer, hero veil, coupon band     */
  --brand-forest-800: #12301C;  /* page heads, CTA band                        */
  --brand-forest-700: #1B4429;  /* buttons, links            white → 11.0:1    */
  --brand-forest-600: #245736;  /* button hover              white →  8.4:1    */
  --brand-forest-500: #35704A;  /* borders, subtle fills                       */

  /* Gold — the logo's highlights peak at #E7A132; these sit either side of it. */
  --brand-gold-300: #EBC169;    /* hero eyebrow, on the deepest grounds        */
  --brand-gold-400: #E0A62F;    /* the workhorse gold, on dark   → 7.9:1       */
  --brand-gold-500: #B87814;    /* UI on light: rules, icons, stars, borders.  */
                                /* 3.3:1 on the darkest light band, so it also */
                                /* clears the 3:1 floor for non-text UI.       */
  --brand-gold-600: #96600F;    /* small gold text on light      → 4.7:1       */

  /* Warm grounds. The old #f4f6f9 / #fafbfd read blue-grey, which is what made
     the gold look washed out — a warm off-white gives it something to sit on. */
  --brand-sand-50:  #FAF7F1;    /* page background                             */
  --brand-sand-100: #F3EEE3;    /* alternating band                            */
  --brand-sand-200: #E2DCCD;    /* hairline rules                              */

  --brand-ink:       #23301F;   /* body text        on sand-50 → 13.0:1        */
  --brand-ink-muted: #556052;   /* secondary text   on sand-50 →  6.2:1        */

  /* Reversed-out text for the dark bands: warm greys, not the template's
     blue-greys, which turned cold and slightly lilac over green. */
  --brand-on-dark:       #EDE8DC;
  --brand-on-dark-body:  #D6D2C4;   /* on forest-900 → 11.4:1 */
  --brand-on-dark-muted: #A9B0A0;   /* on forest-900 →  7.7:1 */

  /* --- Bootstrap role mapping ------------------------------------------- */
  --bs-primary: #1B4429;
  --bs-primary-rgb: 27, 68, 41;
  --bs-secondary: #556052;
  --bs-secondary-rgb: 85, 96, 82;
  --bs-success: #35704A;
  --bs-success-rgb: 53, 112, 74;
  --bs-dark: #0B1F12;
  --bs-dark-rgb: 11, 31, 18;
  --bs-light: #FAF7F1;
  --bs-light-rgb: 250, 247, 241;
  --bs-link-color: #1B4429;
  --bs-link-color-rgb: 27, 68, 41;
  --bs-link-hover-color: #245736;
  --bs-border-color: #E2DCCD;
  /* Bootstrap's dropdown "current item" ships blue (#3459e6) and nothing in the
     theme overrode it, so the active entry in every menu was stock Bootstrap. */
  --bs-dropdown-link-active-bg: #1B4429;
  --bs-dropdown-link-active-color: #ffffff;
  --bs-body-color: #23301F;
  /* Bootstrap ships a cold blue-grey here, which .text-muted picks up and
     which fails at 4.2:1 on white. Warm it and give it real contrast. */
  --bs-secondary-color: #556052;
  --bs-tertiary-color: #6B7566;
}

/* --- Buttons -------------------------------------------------------------- */

.btn-primary {
  --bs-btn-bg: #1B4429;
  --bs-btn-border-color: #1B4429;
  --bs-btn-hover-bg: #245736;
  --bs-btn-hover-border-color: #245736;
  --bs-btn-active-bg: #12301C;
  --bs-btn-active-border-color: #12301C;
  --bs-btn-disabled-bg: #1B4429;
  --bs-btn-disabled-border-color: #1B4429;
}

.btn-outline-primary {
  --bs-btn-color: #1B4429;
  --bs-btn-border-color: #1B4429;
  --bs-btn-hover-bg: #1B4429;
  --bs-btn-hover-border-color: #1B4429;
  --bs-btn-active-bg: #12301C;
  --bs-btn-active-border-color: #12301C;
}

.btn-success {
  --bs-btn-bg: #35704A;
  --bs-btn-border-color: #35704A;
  --bs-btn-hover-bg: #2A5C3C;
  --bs-btn-hover-border-color: #2A5C3C;
  --bs-btn-active-bg: #2A5C3C;
  --bs-btn-active-border-color: #2A5C3C;
  --bs-btn-disabled-bg: #35704A;
  --bs-btn-disabled-border-color: #35704A;
}

.btn-outline-success {
  --bs-btn-color: #35704A;
  --bs-btn-border-color: #35704A;
  --bs-btn-hover-bg: #35704A;
  --bs-btn-hover-border-color: #35704A;
  --bs-btn-active-bg: #2A5C3C;
  --bs-btn-active-border-color: #2A5C3C;
}

/* On a dark band the solid green button disappears into the ground, so the
   gold one is the primary there — dark text on gold, never white (white on
   #E0A62F is 1.9:1). */
.btn-gold {
  --bs-btn-color: #0B1F12;
  --bs-btn-bg: #E0A62F;
  --bs-btn-border-color: #E0A62F;
  --bs-btn-hover-color: #0B1F12;
  --bs-btn-hover-bg: #EBC169;
  --bs-btn-hover-border-color: #EBC169;
  --bs-btn-active-color: #0B1F12;
  --bs-btn-active-bg: #C8871E;
  --bs-btn-active-border-color: #C8871E;
}

.btn-outline-light {
  --bs-btn-color: #EDE8DC;
  --bs-btn-border-color: rgb(237 232 220 / 0.5);
  --bs-btn-hover-color: #0B1F12;
  --bs-btn-hover-bg: #EDE8DC;
  --bs-btn-hover-border-color: #EDE8DC;
}

/* --- Utilities ------------------------------------------------------------ */

.bg-primary { background-color: #1B4429 !important; }
.text-bg-primary { background-color: #1B4429 !important; color: #fff !important; }
.text-primary { color: #1B4429 !important; }
.bg-success { background-color: #35704A !important; }
.text-gold { color: #96600F !important; }          /* on light: the bronze end */
.bg-forest { background-color: #0B1F12 !important; }
.bg-sand { background-color: #F3EEE3 !important; }
