:root {
  --hcd-color-primary: #0f766e;
  --hcd-color-primary-hover: #115e59;
  --hcd-color-accent: #f59e0b;
  --hcd-color-text: #111827;
  --hcd-color-muted: #667085;
  --hcd-color-surface: #fff;
  --hcd-color-surface-soft: #f7f8fa;
  --hcd-color-border: #e5e7eb;
  --hcd-container: 1200px;
  --hcd-section-space: 64px;
  --hcd-gap: 24px;
  --hcd-radius-sm: 6px;
  --hcd-radius-md: 12px;
  --hcd-radius-lg: 20px;
  --hcd-shadow: 0 10px 30px rgba(17, 24, 39, .08);
  --hcd-transition: 180ms ease;
}
@media (max-width: 849px) { :root { --hcd-section-space: 48px; --hcd-gap: 18px; } }
@media (max-width: 549px) { :root { --hcd-section-space: 36px; --hcd-gap: 14px; } }