:root {
  --sage: #6FA287;       
  --sage-deep: #2E6A4F;
  --blue: #6F8FBF;
  --blue-deep: #2F5288;
  --ivory: #F8F9FB;
  --ivory-soft: #EEF1F5;
  --taupe: #BFC7D2;
  --charcoal: #15253D;   
  --ink: #1F2A3A;
  --ink-soft: #566173;
  --white: #FFFFFF;
  --line: rgba(21, 37, 61, 0.1);
  --line-strong: rgba(21, 37, 61, 0.2);
  --on-dark: #F4F6FA;
  --on-dark-soft: rgba(244, 246, 250, 0.72);
  --line-dark: rgba(244, 246, 250, 0.14);
}
.btn-primary { background: #1C3A66; }
.btn-primary:hover { background: #142C4F; box-shadow: 0 10px 24px -10px rgba(28, 58, 102, 0.6); }
.hero-wash { filter: blur(10px) saturate(0.45) hue-rotate(20deg); }

.nav.scrolled { background: rgba(248, 249, 251, 0.88); }
.service-card .icon, .srow .icon { background: linear-gradient(135deg, rgba(111, 162, 135, 0.22), rgba(111, 143, 191, 0.26)); color: var(--blue-deep); }
.pipe-node.after { border-color: rgba(46, 106, 79, 0.35); }
.pipe-step { background: linear-gradient(135deg, rgba(111, 162, 135, 0.16), rgba(111, 143, 191, 0.22)); border-color: rgba(47, 82, 136, 0.22); }
.tieout .pay.scan, .tieout .batch.scan .bank { box-shadow: 0 0 0 0.22em rgba(111, 143, 191, 0.25); }
.tieout .pay.hit, .tieout .batch.ok .bank { background: rgba(111, 162, 135, 0.08); border-color: rgba(46, 106, 79, 0.3); }
.field input:focus, .field textarea:focus { box-shadow: 0 0 0 3px rgba(111, 143, 191, 0.3); }