/*
  ContiPay shared header contract.

  Purpose:
  - Keep contipay.co.zw and docs.contipay.co.zw aligned on the tiny header
    measurements that are easiest to drift: logo size, nav height, CTA sizing,
    icon buttons, gaps, radius, and type scale.
  - This file intentionally exposes design tokens only. It should not include
    homepage section styling or docs-specific application layout rules.
*/

:root {
  --contipay-header-height: 3.75rem;
  --contipay-header-nav-gap: 1rem;
  --contipay-header-brand-gap: 0.75rem;
  --contipay-header-logo-height: 1.78rem;
  --contipay-header-logo-mobile-height: 1.6rem;
  --contipay-header-logo-compact-height: 1.45rem;
  --contipay-header-divider-height: 1.5rem;
  --contipay-header-context-font-size: 0.875rem;
  --contipay-header-context-font-weight: 600;
  --contipay-header-link-height: 2.25rem;
  --contipay-header-link-font-size: 0.82rem;
  --contipay-header-link-font-weight: 600;
  --contipay-header-actions-gap: 0.75rem;
  --contipay-header-actions-mobile-gap: 0.35rem;
  --contipay-header-action-height: 2rem;
  --contipay-header-action-padding: 0 0.75rem;
  --contipay-header-action-gap: 0.5rem;
  --contipay-header-action-font-size: 0.8125rem;
  --contipay-header-action-font-weight: 600;
  --contipay-header-radius: 0.375rem;
  --contipay-header-icon-size: 2rem;
  --contipay-header-mobile-icon-size: 2.25rem;
  --contipay-header-icon-svg-size: 1rem;
}