:root {
  --font-main: "Inter", Arial, sans-serif;

  --color-brand-blue: #0058a8;
  --color-brand-orange: #f06020;
  --color-brand-orange-hover: #d94f12;

  --color-navy-950: #001830;
  --color-navy-900: #002850;
  --color-navy-800: #083060;
  --color-navy-700: #084888;
  --color-navy-600: #105090;

  --color-heading: #073763;
  --color-text: #123456;
  --color-muted: #6b7c8f;
  --color-inverse: #ffffff;

  --color-white: #ffffff;
  --color-bg: #f0f8f8;
  --color-bg-soft: #f5f8fb;
  --color-border: #dde6ee;
  --color-border-strong: #c9d8e6;

  --container: 1200px;
  --container-narrow: 1040px;
  --gutter-desktop: 40px;
  --gutter-tablet: 24px;
  --gutter-mobile: 16px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-22: 88px;

  --topbar-height: 32px;
  --header-height: 72px;
  --header-height-mobile: 64px;

  --radius-xs: 2px;
  --radius-sm: 4px;
  --shadow-soft: 0 14px 40px rgba(0, 40, 80, 0.08);

  /* Editor-facing text-style scale (see hpe_text_style_attr() in inc/helpers.php).
     Steps chosen to cluster the theme's existing ad hoc font sizes. */
  --fs-xs: 13px;
  --fs-sm: 15px;
  --fs-md: 18px;
  --fs-lg: 24px;
  --fs-xl: 32px;
  --fs-2xl: 44px;
  --fs-3xl: 56px;
}