:root {
  --vzp-red: #D22D0F;
  --vzp-red-hover: #b5260d;
  --vzp-red-light: #fdf1f0;
  --vzp-dark: #2b2b2b;
  --vzp-dark-secondary: #555a60;
  --vzp-dark-muted: #71767d;
  --vzp-gray-bg: #f8f9fa;
  --vzp-gray-alt: #f0f2f5;
  --vzp-border: #e2e4e8;
  --vzp-white: #ffffff;

  --vzp-success: #0e8a16;
  --vzp-success-bg: #ebf7ee;
  --vzp-warning: #d97706;
  --vzp-warning-bg: #fef3c7;
  --vzp-info: #0284c7;
  --vzp-info-bg: #e0f2fe;

  --font-family-base: "Source Sans Pro", arial, sans-serif;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --transition-fast: 150ms ease-in-out;

  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 5.5rem;

  --wrap-max: 72rem;
  --wrap-narrow: 46rem;
  --header-height: 4.5rem;
  --focus-ring: 2px solid var(--vzp-red);
  --line-red: 1.5px solid var(--vzp-red);
  --shadow-soft: 0 8px 24px rgb(43 43 43 / 0.06);
}