/* =========================================================================
   THEME  --  The Town Practice (Drs. Whitlow & Trepp), Greenwich CT
   "Greenwich Blue" -- refined navy/azure heritage. Derived from the practice's
   own navy brand and pushed into a confident blue family: warm ivory field,
   deep navy ink, a rich azure action color, soft blue accents + tints.
   Premium and preppy, deliberately NOT the bright clinical dental teal.

   THE ONE FILE YOU EDIT TO RE-SKIN. (Alternate palettes documented in notes.md.)
   ========================================================================= */

:root {
  /* ---- Surfaces & ink ------------------------------------------------- */
  --bg:            #f5f2ec;   /* warm ivory */
  --surface:       #ffffff;   /* cards */
  --surface-warm:  #e7edf5;   /* soft blue tinted panels */
  --fg:            #15294e;   /* deep navy (headings + ink) */
  --fg-2:          #3b4a63;   /* slate-navy body text */
  --muted:         #6c7689;

  /* ---- Accent (blue) -- text/eyebrows/links; AA on ivory -------------- */
  --meta:          #1f4e8c;
  --accent:        #1f4e8c;
  --accent-soft:   #aec6e2;   /* soft blue: rules/borders/fills, not text */

  /* ---- Lines --------------------------------------------------------- */
  --border:        #d6dce6;
  --border-soft:   #e4e9f0;

  /* ---- Action color (rich azure, white text) -- the ONE CTA color ----- */
  --cta:           #1f57a8;
  --cta-hover:     #18468a;
  --cta-on:        #ffffff;
  --star:          #c79a3f;

  /* ---- Dark panels (footer / CTA bands) -- deep navy ----------------- */
  --ink-deep:      #11203c;
  --ink-grad-from: #15294e;
  --ink-grad-to:   #0e1c34;
  --on-dark:       #f5f2ec;
  --on-dark-soft:  rgba(245, 242, 236, 0.82);

  /* ---- Type (unchanged) ---------------------------------------------- */
  --font-display:  "Newsreader", Georgia, "Times New Roman", serif;
  --font-body:     "Inter", system-ui, -apple-system, sans-serif;
  --font-script:   "Newsreader", Georgia, serif;
  --tracking-display: -0.015em;
  --tracking-caps:    0.16em;
  --base-font-size:   17px;
  --base-line:        1.68;

  /* ---- Shape --------------------------------------------------------- */
  --radius-sm:   6px;
  --radius-md:   12px;
  --radius-lg:   20px;
  --radius-pill: 9999px;

  /* ---- Elevation ----------------------------------------------------- */
  --elev:      0 22px 54px rgba(17, 32, 60, 0.14);
  --elev-cta:  0 10px 24px rgba(31, 87, 168, 0.30);

  /* ---- Layout -------------------------------------------------------- */
  --maxw:      1200px;
  --gutter:    44px;
  --sec-pad:   92px;

  /* ---- Drop-in widget bridge ----------------------------------------- */
  --color-white:  var(--surface);
  --color-light:  var(--surface-warm);
  --color-border: var(--border);
  --color-muted:  var(--muted);
  --color-dark:   var(--fg);
  --color-navy:   var(--fg);
  --radius:       var(--radius-md);
}

@media (max-width: 640px) {
  :root { --gutter: 18px; --sec-pad: 60px; }
}