:root {
  --darkGreen: #233F24;
  --lightGreen: #BDDBBF;
  --purple: #661DA1;
  --chocolate: #542633;
  --orange: #FC6B38;
  --yellow: #F0E62D;
  --pink: #F66CE1;
  --blueMagenta: #B6B4FF;
  --melon: #F2BBAA;
  --brown: #8E6A2E;
}
main p,
main .button {
    font-family: 'Instrument Serif', serif !important;
    color: #000 !important;
}
main .button {
    color: var(--darkGreen) !important;
    border-color: var(--darkGreen) !important;
    background: white;
}
main .button:hover {
  color: var(--melon) !important;
  border-color: var(--melon) !important;
}
.top-footer {
  background: var(--darkGreen) !important;
}
body.brand--joia .pattern.bottom-left:before,
body.brand--joia .pattern.bottom-right:before,
body.brand--joia .pattern.top-left:before,
body.brand--joia .pattern.top-right:before {
    background-image: url('/wp-content/uploads/2025/09/Perola-block@4x-scaled.png');
    height: 100%;
}