/* version2 widget skin — repaints the embedded mpg-sales-core tool widgets
   (calculator, HOA comparison, MBA download) onto the MPG brand-blue palette.
   Load AFTER each widget's own stylesheet so these :root overrides win.
   Brand blue #095495 · light #1577c2 · dark #063a66. Orange CTA accent kept. */
:root {
  /* Revenue Calculator (calculator.css) */
  --mpg-primary-blue: #095495;
  --mpg-primary-dark:  #063a66;
  --mpg-accent-teal:   #1577c2;   /* gradient partner — now a lighter brand blue, not teal */
  --mpg-shadow: 0 10px 40px rgba(9, 84, 149, 0.15);

  /* HOA Comparison (hoa-comparison.css) */
  --mpg-hoa-primary:       #095495;
  --mpg-hoa-primary-light: #1577c2;
  --mpg-hoa-accent:        #095495;

  /* MBA Download (mba-download.css) */
  --mpg-mba-primary:       #095495;
  --mpg-mba-primary-light: #1577c2;
  --mpg-mba-accent:        #095495;
}

/* The widgets ship Poppins/Montserrat; keep their internal type, but make sure
   the embedded panels sit cleanly inside the version2 white sections. */
.mpg-calculator-container,
.mpg-hoa-comparison-container,
.mpg-mba-card { margin-left: auto; margin-right: auto; }