/* Shared brand palette for the website and the WordPress visual editor. */
:root {
  --brand-primary: #749536;
  --brand-primary-hover: #86a74a;
  --brand-50: #f7f9f1;
  --brand-100: #edf2e1;
  --brand-200: #d8e3bf;
  --brand-700: #5d772b;
  --brand-800: #465a20;
  --brand-900: #2e3c16;
  --brand-ink: #18200c;
  --brand-cream: #faf8f3;
}

.brand-button-primary {
  background-color: var(--brand-primary);
  color: var(--brand-ink);
}
.brand-button-primary:hover { background-color: var(--brand-primary-hover); }