:root {
  --ink: #17282c;
  --muted: #586a6c;
  --purple: #147d78;
  --line: #dce8e6;
  --soft: #eff7f5;
}

:focus-visible { outline-color: #e1a73e; }
.brand-wordmark { display: inline-flex; align-items: baseline; gap: 7px; color: var(--ink); line-height: 1; white-space: nowrap; }
.brand-wordmark strong { font-size: 22px; font-weight: 800; }
.brand-wordmark small { color: var(--purple); font-size: 10px; font-weight: 800; letter-spacing: 0; }
.button:hover { background: #0d6863; box-shadow: 0 4px 14px #147d7826; }
.button.secondary:hover { background: #eff7f5; border-color: var(--purple); }
.hero h1 span { color: var(--purple); }
.eyebrow { color: #4d6668; }
.hero-lead { color: #344b4d; max-width: 410px; }
.info-strip { background: #f1f7f6; border-color: #e1ecea; }
.info-strip article + article { border-color: #d6e4e1; }
.order-steps li > span { background: linear-gradient(135deg, #32a69e, #147d78); box-shadow: 0 0 0 3px #ffffff12; }
.order-steps li > span.pending { background: #526567; }
.order-section { background: linear-gradient(125deg, #263538, #172326); }
.consent a { color: #116c67; }
.review-item { border-radius: 6px; border-color: #dce8e6; }
.review-reply { border-color: var(--purple); background: #f1f7f6; }
.legal-footer .brand-wordmark strong { font-size: 19px; }
@media (max-width: 650px) {
  .brand-wordmark strong { font-size: 19px; }
  .brand-wordmark small { font-size: 9px; }
}