/* ============================================================
   LocalPro Brand Tokens — single source of truth
   File location: public_html/brand.css  →  https://localpro.one/brand.css
   Add to every page, as the LAST stylesheet in <head>:
     <link rel="stylesheet" href="/brand.css">
   Because it loads last, its values override any older inline
   palette a page still carries — edit colors HERE, once.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,600&display=swap');

:root{
  /* Navy family */
  --navy:#102542;
  --navy-deep:#0b1a30;
  --navy-dark:#0b1a30;      /* alias of navy-deep */
  --navy-light:#1a3158;

  /* Teal / brand green (primary CTA color) */
  --teal:#3ab795;
  --teal-dark:#2f9e80;
  --teal-light:#4ecba6;
  --blue:#2f9e80;           /* legacy alias → teal-dark */
  --blue-light:#e6f6f1;     /* light teal tint */

  /* Accents */
  --pink:#ec5f8c;           /* small pops: phone numbers, promo highlights */
  --orange:#f5a623;         /* stars / warm highlights only */
  --orange-dark:#d99312;
  --red:#e74c3c;

  /* Neutrals & surfaces */
  --cream:#fef8f0;
  --bg-cream:#fef8f0;       /* alias */
  --bg:#ffffff;
  --bg-alt:#f8fafb;
  --bg-soft:#f8fafb;        /* alias */
  --border:#e8ecf1;
  --line:#e8ecf1;           /* alias */

  /* Text */
  --text:#1a1a2e;
  --ink:#1a1a2e;            /* alias */
  --text-muted:#5a6275;
  --slate:#5a6275;          /* alias */
  --text-light:#8892a4;

  /* Shared geometry & effects */
  --radius:12px;
  --shadow:0 2px 20px rgba(0,0,0,.06);
  --shadow-lg:0 8px 40px rgba(0,0,0,.1);
  --max-w:1200px;
}

body{
  font-family:'Poppins',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
