/* Garden construction: foliage, limestone and clay. */
:root {
  --forest: #214b35;
  --leaf: #31633f;
  --ink: #23372a;
  --clay: #98502f;
  --limestone: #f5f1e7;
  --sage: #e8efe4;
  --ochre: #e6bd76;
  --brand-red: var(--forest);
  --brand-navy: var(--forest);
  --brand-dark: var(--ink);
  --brand-green: var(--leaf);
  --brand-gold: var(--ochre);
  --brand-gold-dark: var(--clay);
  --brand-teal: var(--leaf);
  --brand-teal-light: var(--sage);
  --brand-teal-dark: var(--forest);
  --brand-bonus-badge: var(--ochre);
  --brand-bonus-bg: white;
  --brand-bonus-check: var(--leaf);
  --color-green-600: var(--leaf);
  --color-green-700: var(--forest);
  --color-red-600: var(--forest);
}
body > .min-h-screen { background: #fcfbf7; }
#s02 h1, #s02 p[style*="color"] { color: var(--forest) !important; }
#s02 h1 span { color: var(--clay) !important; }
.mx-bg-1, .mx-bg-3 { background: var(--sage) !important; }
.mx-bg-2 { background: #fcfbf7 !important; }
.mx-bg-4, .mx-bg-5 { background: var(--limestone) !important; }
[class*="mx-bg-"] { color: var(--ink) !important; }
[class*="mx-bg-"] :is(h2,h3,h4,.text-white,[class*="text-white"]) { color: var(--forest) !important; }
[class*="mx-bg-"] .bg-white { border-color: #d1dbcd; }
.text-brand-green { color: var(--leaf) !important; }
.text-brand-gold { color: var(--clay) !important; }
.bg-brand-green:not([class*="/10"]), .bg-brand-green:not([class*="/10"]) *,
[class*="mx-bg-"] .bg-brand-green.text-white { color: white !important; }
.bg-brand-bonus-badge, .bg-brand-bonus-badge * { color: var(--ink) !important; }
a.bg-green-600, a.bg-green-600 *, [class*="mx-bg-"] a.bg-green-600.text-white,
[class*="mx-bg-"] a.bg-green-600.text-white * { color: white !important; }
a.bg-green-600:hover { background-color: var(--forest); }
a:focus-visible, summary:focus-visible, button:focus-visible { outline: 3px solid var(--clay); outline-offset: 3px; }