/* ProWellness Family Chiropractic — Family Forward (ELEVATE) shared tokens
   Source of truth: OnePage color schema + firecrawl branding extract (BUILD-STATE.md).
   The client LOVES this palette. Do not invent new hues; work within these + neutrals. */
:root {
  /* brand (locked) */
  --pw-periwinkle: #AEB8E0;   /* primary "light" */
  --pw-slate: #465C7A;        /* secondary/text "dark" */
  --pw-green: #9FCF67;        /* accent / primary CTA */
  --pw-royal: #1D3E9D;        /* deep royal (key1 in OnePage schema) - use sparingly for contrast moments */
  --pw-lavender: #A7B2D9;     /* secondary button */
  --pw-white: #FFFFFF;

  /* elevation additions (neutrals only - AA discipline) */
  --pw-ink: #2B3A4E;          /* deep slate ink for body text (AA on white) */
  --pw-cream: #F7F8FC;        /* warm off-white section alternator */
  --pw-mist: #E9EDF8;         /* periwinkle-tinted surface */

  /* type */
  --pw-font: 'Poppins', system-ui, sans-serif;
  --pw-h1: clamp(2.4rem, 5vw, 3.4rem);
  --pw-h2: clamp(1.8rem, 3.5vw, 2.5rem);
  --pw-body: 1.0625rem;       /* 17px - up from the source 14px */
  --pw-lh: 1.65;

  /* shape */
  --pw-radius: 12px;
  --pw-pill: 100px;

  /* motion */
  --pw-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --pw-dur: 0.7s;
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}
.pw-btn-primary {
  background: var(--pw-green); color: #fff; border-radius: var(--pw-pill);
  padding: 0.9em 2em; font-weight: 600; display: inline-block; text-decoration: none;
}
.pw-btn-secondary {
  background: var(--pw-lavender); color: var(--pw-slate); border-radius: var(--pw-pill);
  padding: 0.9em 2em; font-weight: 600; display: inline-block; text-decoration: none;
}