/* Wandering Shepherd green brand overlay -- v1 (2026-10-30)
   Preserves existing site layout and /styles.css. Add AFTER the existing stylesheet.
   Color palette is a proposed match to the green flyer direction; verify against the final print artwork. */
:root {
  --ws-forest: #123d2b;
  --ws-deep: #082e21;
  --ws-pine: #18533b;
  --ws-leaf: #2c7951;
  --ws-sage: #dcebdc;
  --ws-pale: #edf5ec;
  --ws-cream: #f6f7ee;
  --ws-lime: #c7df75;
  --ws-ink: #173b2d;
  --ws-outline: #b9d2bd;
  --primary: #18533b;
  --primary-dark: #123d2b;
  --accent: #2c7951;
}
html { accent-color: var(--ws-leaf); }
body { color: var(--ws-ink); background-color: var(--ws-cream); }
.site-header { background: #f8faf4 !important; border-bottom: 1px solid var(--ws-outline) !important; }
.site-header .brand, .site-header .brand-copy, .site-header .navlinks a, .site-header .menu-toggle { color: var(--ws-deep) !important; }
.site-header .navlinks a:hover, .footer-links a:hover { color: var(--ws-leaf) !important; }
a:not(.button) { text-decoration-color: var(--ws-leaf); }
.button, a.button, button.button { background: var(--ws-pine) !important; border-color: var(--ws-pine) !important; color: white !important; box-shadow: none !important; }
.button:hover, a.button:hover, button.button:hover { background: var(--ws-deep) !important; border-color: var(--ws-deep) !important; }
.button.alt, a.button.alt { background: transparent !important; color: var(--ws-pine) !important; border-color: var(--ws-leaf) !important; }
.button.alt:hover, a.button.alt:hover { background: var(--ws-sage) !important; color: var(--ws-deep) !important; }
.hero-home { background: linear-gradient(115deg, #e9f3e5 0%, #f7f9f0 59%, #dfece1 100%) !important; }
.hero-home h1, .hero-copy h1, .section-head h2, .office-intro h2, .dashboard-copy h2 { color: var(--ws-deep) !important; }
.hero-home .lede, .hero-copy p { color: var(--ws-ink); }
.eyebrow, .card-number, .system-kicker, .office-kicker { color: var(--ws-leaf) !important; }
.presale-ribbon { background: var(--ws-forest) !important; color: #fff !important; }
.presale-ribbon * { color: #fff !important; }
.home-presale-feature { background: var(--ws-pale) !important; color: var(--ws-ink) !important; }
.home-presale-feature h2 { color: var(--ws-deep) !important; }
.home-presale-options > div { background: #ffffff !important; border: 1px solid var(--ws-outline) !important; }
.home-presale-options strong { color: var(--ws-pine) !important; }
.soft, .home-system-choice, .office-section { background: var(--ws-pale) !important; }
.card, .home-system-card, .office-card, .real-dashboard-panel { border-color: var(--ws-outline) !important; }
.card a:not(.button), .home-system-card a:not(.button) { color: var(--ws-pine) !important; }
.dark-section { background: linear-gradient(125deg, #092e21, #18533b) !important; color: #f7fff6 !important; }
.dark-section h2, .dark-section h3, .dark-section p, .dark-section .eyebrow { color: #f7fff6 !important; }
.dark-section .flow-step { border-color: rgba(204,237,209,.25) !important; }
.dashboard-section { background: #f7f9f2 !important; }
.dashboard-section ul li::marker { color: var(--ws-leaf); }
.proof-strip { background: #e0ece0 !important; border-color: var(--ws-outline) !important; }
.proof-stat b { color: var(--ws-pine) !important; }
.home-system-card { background: #fff !important; }
.system-card-top .system-number { color: var(--ws-leaf) !important; }
.system-choice-note { color: var(--ws-ink) !important; }
.comparison-callout { background: var(--ws-forest) !important; color: white !important; }
.comparison-callout h2, .comparison-callout p, .comparison-callout .eyebrow { color: white !important; }
.cta { background: linear-gradient(115deg, #0b3625, #216346) !important; color: white !important; }
.cta h2, .cta p, .cta .eyebrow { color: white !important; }
.cta .button.alt { border-color: #a7d1b3 !important; color: white !important; }
footer { background: var(--ws-deep) !important; color: #e5efe5 !important; }
footer .footer-links a, footer a, footer .footer-bottom { color: #dcebdc !important; }
footer .footer-links strong, footer .footer-office b { color: #fff !important; }
@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; } }