/* ═══════════════════════════════════════════════════════════════════════
   My Health Choice — CookieConsent v3 brand overrides
   CONSOLIDATE-TO-MHC.CSS: this small override block lives next to the
   vendored library for now; fold it into assets/mhc.css when the design
   system is next consolidated. It only maps the library's CSS variables
   onto the mhc.css palette — no structural rules.

   Compliance notes (C6):
   - Accept all / Reject all are EQUAL WEIGHT (same teal button style via
     equalWeightButtons in consent-init.js + identical variables below).
   - The banner is non-blocking: no overlay variable is darkened, the page
     stays fully usable behind it.
   ═══════════════════════════════════════════════════════════════════════ */

#cc-main {
  /* Type — match the site (Plus Jakarta Sans loaded by every page) */
  --cc-font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;

  /* Text + surfaces */
  --cc-bg: #FFFFFF;                    /* --white */
  --cc-primary-color: #0B2A2E;         /* --ink */
  --cc-secondary-color: #3D4F50;       /* --body */
  --cc-separator-border-color: #DDE6E6;/* --hairline */

  /* Buttons — Accept all and Reject all use the SAME primary style
     (equal prominence, C6 done-when). */
  --cc-btn-primary-bg: #147480;        /* --teal-action */
  --cc-btn-primary-color: #FFFFFF;
  --cc-btn-primary-border-color: #147480;
  --cc-btn-primary-hover-bg: #0E5A62;  /* --teal-link */
  --cc-btn-primary-hover-border-color: #0E5A62;
  --cc-btn-primary-hover-color: #FFFFFF;

  --cc-btn-secondary-bg: #FFFFFF;
  --cc-btn-secondary-color: #0E5A62;
  --cc-btn-secondary-border-color: #BFE0E1;  /* --teal-soft */
  --cc-btn-secondary-hover-bg: #E3F1F1;      /* --teal-pale */
  --cc-btn-secondary-hover-border-color: #1C8C97;
  --cc-btn-secondary-hover-color: #0E5A62;

  /* Category toggles */
  --cc-toggle-on-bg: #1C8C97;          /* --teal */
  --cc-toggle-off-bg: #566668;         /* --muted */
  --cc-toggle-on-knob-bg: #FFFFFF;
  --cc-toggle-off-knob-bg: #FFFFFF;
  --cc-toggle-readonly-bg: #BFE0E1;
  --cc-toggle-readonly-knob-bg: #FFFFFF;

  /* Focus + links */
  --cc-focus-ring: 2px solid #1C8C97;
  --cc-link-color: #0E5A62;

  /* Preferences modal chrome */
  --cc-cookie-category-block-bg: #F4F7F7;        /* --cool */
  --cc-cookie-category-block-hover-bg: #E3F1F1;  /* --teal-pale */
  --cc-cookie-category-block-border: #DDE6E6;
  --cc-cookie-category-expanded-block-hover-bg: #E3F1F1;
  --cc-cookie-category-expanded-block-bg: #F4F7F7;

  --cc-overlay-bg: rgba(8, 54, 59, 0.5); /* preferences modal only — the
                                            consent banner itself never
                                            shows an overlay (box layout) */
  --cc-modal-border-radius: 14px;
  --cc-btn-border-radius: 10px;
  --cc-modal-transition-duration: 0.2s;
}