/* The tools' variables for pomonasystems.com: colors from the website's
   tokens (css/style.css) and the mock, and the two fonts. */
:root{
  --font-body:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-head:Georgia,"Times New Roman",serif;
  --t-ink:var(--ink); --t-muted:var(--muted); --t-line:var(--hair); --t-line2:#efe9dc; --t-card:var(--paper-hi); --t-field:#fff;
  --t-soft:#fbf9f3; --t-title:var(--forest); --t-accent:#2e6b34; --t-accent-ink:#fff; --t-accent-soft:#e7f1e6;
  --t-warn:#9a5b12; --t-warn-soft:#fff8ec; --t-warn-line:#f0dcb8; --t-ok-soft:#f2f8f2; --t-ok-line:#c5dcc8;
  --t-radius:10px;
  --t-sky:#eaf2f8; --t-ground:#cfdcb4; --t-ground2:#b9c99b; --t-leaf1:#5f9a4e; --t-leaf2:#6fab58; --t-leaf3:#4f8a43; --t-leaf4:#7cb764;
  --t-bark:#8a6a4a; --t-bark2:#7a5c3e; --t-fruit:#c8362b; --t-spray:#4aa3df; --t-metal:#6f7976; --t-off:#9aa3a0; --t-pill:#f3f1ea; --t-rsky1:#dfe9f2; --t-rsky2:#f3f1e8; --t-grass:#9cc47e; --t-grass2:#a9cd8a; --t-rollbar:#3c4542; --t-canopy:#2f6f9a; --t-tire:#2b2f2d; --t-tread:#454b48; --t-mist:#c9dbe8; --t-mist2:#6f98b8; --t-tank:#79c94a; --t-tankink:#1f4a8a; --t-fan1:#d7dad6; --t-fan2:#efefec; --t-blade:#7a2a2a; --t-hub:#4a2626; --t-measure:#2f4a35;
}
/* The website's own stylesheet (css/style.css) lays out the header and footer;
   its fonts are swapped for the tools' own, here: its font variables, and the
   few rules that name IBM Plex Mono outright. No font host is loaded. */
:root{--serif:var(--font-head);--sans:var(--font-body)}
.mono,.stage .when,.tag,.pricing-period,.price .per{font-family:var(--sans)}