/* ==========================================================================
   Advocate Plumbing — design tokens
   Source of truth for brand colors, type and shared effects.
   Elementor: map the "Brand" colors to Site Settings > Global Colors and
   the two font families to Global Fonts. Values match the live homepage 1:1.
   ========================================================================== */
:root{
  /* Brand */
  --navy:#002B6C;
  --navy-deep:#001B42;
  --red:#CD0D2B;
  --red-deep:#79232D;
  --cream:#F7F3E9;
  --chalk:#E8E1CF;
  --ink:#15233f;
  --white:#fff;
  --gold:#f4a900;           /* review stars */

  /* Supporting navy shades (gradients) */
  --navy-mid:#0a3f86;
  --navy-glow:#103f7e;
  --navy-night:#020f28;

  /* Text on dark backgrounds */
  --on-navy:#cdd9ef;        /* body copy on navy */
  --on-navy-muted:#9fb6df;  /* labels / eyebrows on navy */
  --on-navy-soft:#bcd;      /* small copy on navy */
  --on-navy-foot:#aebfd8;   /* footer copy */
  --pink:#ffd0d6;           /* highlight on navy */
  --pink-bright:#ff8a98;    /* manifesto highlight */
  --pink-pale:#ffe0e4;      /* body copy on red */

  /* Text on light backgrounds */
  --text-body:#445;
  --text-muted:#475;
  --text-quiet:#566;
  --text-faint:#789;

  /* Positive / savings badge */
  --green-bg:#eaf3e8;
  --green:#1f7a35;
  --green-line:#bfe0c2;

  /* Effects */
  --shadow:0 12px 40px -12px rgba(0,27,66,.35);
  --focus:0 0 0 3px var(--cream),0 0 0 6px var(--red);

  /* Type */
  --display:'Oswald',sans-serif;
  --body:'Inter',sans-serif;

  /* Layout */
  --wrap:1200px;
  --gutter:24px;
  --header-h:78px;
}