body { font-family: var(--font-body), sans-serif !important; }
h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading), serif !important; }
.prose { font-family: var(--font-body), sans-serif !important; }
.prose h1, .prose h2, .prose h3, .prose h4, .prose h5, .prose h6 { font-family: var(--font-heading), serif !important; }
html { font-family: var(--font-body), sans-serif !important; }
:root {
  --font-heading: 'Righteous', cursive;
  --font-body: 'Montserrat', sans-serif;
  --rounded-box: 1rem;
  --rounded-btn: 0.5rem;
  --rounded-badge: 1.9rem;
  --animation-btn: 0.25s;
  --animation-input: 0.2s;
  --btn-focus-scale: 0.95;
  --border-btn: 1px;
  --tab-border: 1px;
  --tab-radius: 0.5rem;
  --section-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}