:root {
  --abg-color-navy: #182b49;
  --abg-color-cobalt: #2f6fed;
  --abg-color-hover: #204faf;
  --abg-color-focus: #1748a5;
  --abg-color-sky: #eaf3ff;
  --abg-color-apricot: #fff0e6;
  --abg-color-surface: #f7f9fc;
  --abg-color-text: #1b2b41;
  --abg-color-muted: #4d5e73;
  --abg-color-border: #cfd9e6;
  --abg-color-white: #fff;
  --abg-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --abg-font-h1: clamp(2.25rem, 4.6vw, 3.75rem);
  --abg-font-h2: clamp(1.75rem, 3vw, 2.5rem);
  --abg-font-h3: clamp(1.125rem, 1.7vw, 1.375rem);
  --abg-container-max: 1200px;
  --abg-gutter: clamp(1.25rem, 4vw, 3rem);
  --abg-radius-card: 1.25rem;
  --abg-radius-large: 2rem;
  --abg-radius-pill: 999px;
  --abg-space-3: .75rem;
  --abg-space-4: 1rem;
  --abg-space-5: 1.5rem;
  --abg-space-6: 2rem;
  --abg-space-7: 3rem;
  --abg-space-8: 4.5rem;
  --abg-shadow-card: 0 .5rem 1.75rem rgb(24 43 73 / 7%);
  --abg-shadow-hover: 0 .75rem 2rem rgb(24 43 73 / 12%);
  --abg-breakpoint-desktop: 1200px;
  --abg-breakpoint-tablet: 1023px;
  --abg-breakpoint-mobile: 767px;
}