/*
 * ServantFlow brand tokens for the STATIC pages (guides, /for/ landers, compare,
 * privacy, terms). The React marketing app has its own palette in src/index.css;
 * these values mirror it so a visitor landing on a guide from search and clicking
 * through to the home page doesn't appear to change companies mid-visit.
 *
 * The variable NAMES are inherited from the retired earth-tone theme (--earth,
 * --clay, --sand). They are kept deliberately: every static page already styles
 * itself off these names, so re-pointing them here re-skins all 18 pages without
 * touching a single downstream rule. Read them semantically, not literally —
 * --earth is "strongest ink", --clay is "accent", --sand is "tinted fill".
 *
 * Anything new should link this file rather than declaring its own :root block.
 * That local-block duplication is exactly how these pages drifted a full rebrand
 * behind the app in the first place.
 */
:root {
  --earth: #111827;                      /* headings, logo, dark CTA panels */
  --clay: #2563EB;                       /* links + logo accent */
  --sand: #EFF6FF;                       /* tinted fills, table headers */
  --muted: #64748B;                      /* secondary text */
  --text: #1F2937;                       /* body copy */
  --bg: #F8FAFC;                         /* page background */
  --border: rgba(17, 24, 39, 0.10);
  --green: #16A34A;                      /* affirmative marks in comparisons */
  --accent: #2563EB;                     /* primary button */
  --accent-dark: #1D4ED8;                /* primary button hover */
  --accent-tint: rgba(37, 99, 235, 0.07);
}