/* The site's one palette: the colours the hand-written pages (site.css) and the pricing and integrations
   sections (pricing.css) share, declared once. Load it before site.css or pricing.css. `.site-palette` lets
   a section on a page that runs its own palette (lead-reactivation.html) opt back into this one.
   --dim is the faint text of the footer and small labels: 5.3:1 on --pine, the AA floor for 12px text.
   The brand reference is brand-kit/index.html; the names here are the site's: --sink is the brand kit's Success Ink,
   and this --deep (#0B0F0D) is not the kit's Deep Pine (the kit calls that --deep-pine).
   The r. mark's gradient (#3FE595 / #0DD874 / #078D51, brand-kit/assets/brand-kit.js gradDefs) is the logo artwork, not a UI
   colour: it lives inside the SVG files (an <img> cannot read these variables), so it is deliberately not a token here. */
:root, .site-palette {
  --deep:#0B0F0D; --pine:#0E1411; --moss:#1B2620; --line:#1E2A22;
  --green:#0BD873; --mint:#5CE79A; --sink:#067647;
  --paper:#F4F8F3; --ink-2:#CBD8CD; --mut:#8FA396; --dim:#7A8D7E; --on-accent:#07140D;
  --r-sm:9px; --r:11px; --r-md:13px;
}
/* One keyboard focus ring for every page that loads the site palette. */
:where(a,button,summary,input,textarea,select):focus-visible { outline:2px solid var(--green); outline-offset:3px; }