.root,
#root,
#docs-root,
:root {
  --site-primary-100-color: #eff5f4;
  --site-primary-200-color: #f1f1ed;
  --site-primary-300-color: #004120;
  --site-primary-400-color: #007334;
  --site-primary-500-color: #007334;

  --site-secondary-100-color: #f1f1ed;
  --site-secondary-200-color: #ffcfb4;
  --site-secondary-300-color: #ffecba;

  --site-orange-100-color: #f7f3ea;
  --site-orange-200-color: #f7f3ea;
  --site-orange-400-color: rgb(247, 243, 234);

  --site-green-100-color: #f1f1ed;
  --site-green-200-color: #f1f1ed;
  --site-green-400-color: #f1f1ed;

  --site-yellow-100-color: #ffecba;
  --site-yellow-200-color: #ffecba;
  --site-yellow-400-color: rgb(236, 233, 224);

  --site-gray-100-color: #f1f1ed;
  --site-gray-300-color: #d6d3d1;

  --site-form-border-color: #f1f1ed;

  --site-footer-bgcolor: #ffffff;
  --site-footer-textcolor: rgb(24, 24, 24);

  --site-border-radius-sm: 24px;
  --site-border-radius-md: 40px;
  --site-border-radius-xl: 80px;

  --site-spacing-sm: 80px;
  --site-spacing-md: 104px;
  --site-spacing-xl: 184px;

  --site-spacing-negative-sm: 24px;
  --site-spacing-negative-md: 40px;
  --site-spacing-negative-xl: 80px;

  --site-footer-margin-sm: 0px;
  --site-footer-margin-md: 0px;
  --site-footer-margin-xl: 0px;
}