/* ProWebCare 2026 tokens. Derived from the design's pwc-site.css and the v1 site document.
   The same values are seeded into the Elementor kit (inc/kit.php); keep the two in sync. */
:root{
  /* brand */
  --pwc-ink:#17211D;
  --pwc-paper:#F5F3EE;
  --pwc-verdigris:#1C6B5E;
  --pwc-verdigris-deep:#175A4F; /* text-safe accent from pwc-site.css (--acc) */
  --pwc-mint:#8CC9BA;
  /* surfaces and lines */
  --pwc-bg:#F5F3EE;
  --pwc-card:#FFFFFF;
  --pwc-tint:#ECE9E2;
  --pwc-line:#E3E0D8;
  --pwc-line-2:#EEEBE4;
  --pwc-line-3:#C4C0B6;
  --pwc-line-strong:#DDD9D0;
  --pwc-ink-surface:#17211D;
  --pwc-ink-surface-2:#22302B;
  /* text */
  --pwc-text:#17211D;
  --pwc-text-body:#3C423F;
  --pwc-text-muted:#5B625E;
  --pwc-text-on-ink:#F5F3EE;
  --pwc-text-on-ink-sub:#C5CBC7;
  --pwc-accent:#1C6B5E;
  --pwc-focus:#175A4F;
  /* type */
  --pwc-font-display:'Manrope',system-ui,sans-serif;
  --pwc-font-body:'IBM Plex Sans',system-ui,sans-serif;
  --pwc-font-mono:'IBM Plex Mono',ui-monospace,monospace;
  /* shape */
  --pwc-radius-sm:6px;
  --pwc-radius:8px;
  --pwc-radius-lg:14px;
  --pwc-radius-pill:999px;
  --pwc-gutter:clamp(20px,5vw,56px);
  --pwc-measure:1200px;
}

/* Dark tokens from pwc-site.css. OPT-IN ONLY (data-pwc-theme="dark" on <html>): the Elementor pages
   carry literal light colours, so following prefers-color-scheme would produce a half-dark site. */
:root[data-pwc-theme="dark"]{
  --pwc-bg:#121917;
  --pwc-card:#1A2420;
  --pwc-tint:#1F2A26;
  --pwc-line:#2A3531;
  --pwc-line-2:#243029;
  --pwc-line-3:#3C4844;
  --pwc-ink-surface:#F1EFE9;
  --pwc-text:#F1EFE9;
  --pwc-text-body:#D2D7D3;
  --pwc-text-muted:#B9C0BC;
  --pwc-text-on-ink:#121917;
  --pwc-accent:#9ED5C6;
  --pwc-focus:#9ED5C6;
}