:root {
  --color-primary: #0b57e3;
  --color-primary-dark: #073b9f;
  --color-primary-soft: #edf4ff;
  --color-navy: #071a35;
  --color-cta-banner: #003395;
  --color-text: #172033;
  --color-gray: #667085;
  --color-muted: #98a2b3;
  --color-border: #e4e9f1;
  --color-light: #f7f9fc;
  --color-white: #ffffff;

  --container-width: 1280px;

  --radius-small: 6px;
  --radius-medium: 10px;
  --radius-large: 16px;
  --shadow-small: 0 6px 20px rgba(7, 26, 53, 0.07);
  --shadow-medium: 0 16px 44px rgba(7, 26, 53, 0.12);
  --transition: 180ms ease;

  --hero-title-size: 48px;
  --hero-title-line-height: 1.16;
  --hero-body-size: 15px;
  --hero-body-line-height: 1.75;
  --hero-eyebrow-size: 11px;
  --hero-action-size: 13px;
}