/* Shared design tokens for all homepage-parts sections (based on new-design/ergofit-homepage.html) */
:root {
  --hp-bg: #ffffff;
  --hp-bg-soft: #f4f7f6;
  --hp-ink: #1a2b2a;
  --hp-ink-soft: #4a5d5b;
  --hp-brand: #1a3a52;
  --hp-brand-dark: #0f2438;
  --hp-brand-light: #d5e3f0;
  --hp-accent: #d4a860;
  --hp-radius: 16px;
  --hp-shadow: 0 10px 30px rgba(20, 50, 45, 0.08);
  --hp-shadow-lg: 0 20px 50px rgba(20, 50, 45, 0.14);
  --hp-maxw: 1140px;
}

.hp-eyebrow {
  display: inline-block;
  background: var(--hp-brand-light);
  color: var(--hp-brand-dark);
  font-weight: 700;
  font-size: 0.8rem;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 14px;
}