/* Official Wood & Sand identity, approved 16 October 2026.
   Colors only: page structure, imagery, type sizes and spacing stay intact. */
body.sy-brand-warm {
  --ast-global-color-0: var(--sy-wood);
  --ast-global-color-1: var(--sy-ink);
  --ast-global-color-2: var(--sy-wood);
  --ast-global-color-3: var(--sy-ink);
  --ast-global-color-4: var(--sy-ivory);
  --ast-global-color-5: var(--sy-white);
  --ast-global-color-6: var(--sy-beige);
  --ast-global-color-7: var(--sy-sand);
  --ast-global-color-8: var(--sy-ink);
  --e-global-color-primary: var(--sy-wood);
  --e-global-color-secondary: var(--sy-ink);
  --e-global-color-text: var(--sy-ink);
  --e-global-color-accent: var(--sy-wood);
  --e-global-color-astglobalcolor0: var(--sy-wood);
  --e-global-color-astglobalcolor1: var(--sy-ink);
  --e-global-color-astglobalcolor2: var(--sy-wood);
  --e-global-color-astglobalcolor3: var(--sy-ink);
  --e-global-color-astglobalcolor4: var(--sy-ivory);
  --e-global-color-astglobalcolor5: var(--sy-white);
  --e-global-color-astglobalcolor6: var(--sy-beige);
  --e-global-color-astglobalcolor7: var(--sy-sand);
  --e-global-color-astglobalcolor8: var(--sy-ink);
}
body.sy-existing-page,
.sy-existing-page #page,
.sy-existing-page #content,
.sy-existing-page .ast-article-single { background-color: var(--sy-ivory); }
.sy-existing-page { color: var(--sy-ink); }
.sy-existing-page .entry-title,
.sy-existing-page .entry-title a { color: var(--sy-wood); }
.sy-existing-page .entry-title a:hover { color: var(--sy-ink); }
.sy-brand-warm .sy-home .sy-button:hover {
  background-color: var(--sy-ink);
  border-color: var(--sy-ink);
  color: var(--sy-white);
}
.sy-existing-page #content .elementor-button,
.sy-existing-page #content .ast-button,
.sy-existing-page #content button[type="submit"],
.sy-existing-page #content input[type="submit"] {
  background-color: var(--sy-wood) !important;
  border-color: var(--sy-wood) !important;
  color: var(--sy-white) !important;
}
.sy-existing-page #content .elementor-button:hover,
.sy-existing-page #content .ast-button:hover,
.sy-existing-page #content button[type="submit"]:hover,
.sy-existing-page #content input[type="submit"]:hover {
  background-color: var(--sy-ink) !important;
  border-color: var(--sy-ink) !important;
  color: var(--sy-white) !important;
}
.sy-existing-page #content .elementor-button svg { fill: currentColor; }
.sy-brand-warm .site-footer,
.sy-brand-warm .site-primary-footer-wrap,
.sy-brand-warm .site-below-footer-wrap { background-color: var(--sy-beige); color: var(--sy-ink); }
.sy-brand-warm .site-footer :is(h2,h3,h4,h5,h6) { color: var(--sy-wood); }
.sy-brand-warm .site-footer a { color: var(--sy-wood); }
.sy-brand-warm .site-footer a:hover { color: var(--sy-ink); }
.sy-brand-warm #ast-scroll-top { background-color: var(--sy-wood); color: var(--sy-white); }
.sy-brand-warm #ast-scroll-top:hover { background-color: var(--sy-ink); }
.sy-brand-warm div.wpforms-container {
  --wpforms-button-background-color: var(--sy-wood) !important;
  --wpforms-button-border-color: var(--sy-wood) !important;
  --wpforms-button-text-color: var(--sy-white) !important;
  --wpforms-field-border-color: var(--sy-line) !important;
  --wpforms-field-text-color: var(--sy-ink) !important;
  --wpforms-label-color: var(--sy-ink) !important;
  --wpforms-field-background-color: var(--sy-white) !important;
}
.sy-brand-warm .wpforms-container .wpforms-field :is(input,textarea,select) {
  color: var(--sy-ink) !important;
}
.sy-brand-warm #sylbray-offline-note {
  background: var(--sy-ivory);
  color: var(--sy-ink);
  border-color: var(--sy-sand);
  box-shadow: 0 1px 8px var(--sy-shadow-note);
}

/* Leaflet inserts these marker/popup styles at runtime from restored page data. */
.sy-brand-warm #sylbray-map .leaflet-marker-icon > div { background-color: var(--sy-wood) !important; }
.sy-brand-warm #sylbray-map .leaflet-popup-content-wrapper,
.sy-brand-warm #sylbray-map .leaflet-popup-tip { background-color: var(--sy-ivory); }
.sy-brand-warm #sylbray-map .leaflet-popup-content,
.sy-brand-warm #sylbray-map .leaflet-popup-content div { color: var(--sy-ink) !important; }
.sy-brand-warm #sylbray-map .leaflet-popup-content > div > div:nth-child(2) { color: var(--sy-wood) !important; }

/* Native pages, articles and future SYLBRAY Field Notes components. */
.has-sylbray-wood-color { color: var(--sy-wood); }
.has-sylbray-sand-color { color: var(--sy-sand); }
.has-sylbray-beige-color { color: var(--sy-beige); }
.has-sylbray-ivory-color { color: var(--sy-ivory); }
.has-sylbray-ink-color { color: var(--sy-ink); }
.has-sylbray-wood-background-color { background-color: var(--sy-wood); }
.has-sylbray-sand-background-color { background-color: var(--sy-sand); }
.has-sylbray-beige-background-color { background-color: var(--sy-beige); }
.has-sylbray-ivory-background-color { background-color: var(--sy-ivory); }
.has-sylbray-ink-background-color { background-color: var(--sy-ink); }