/* hansbroos-5 v8: FE synchronized with editor (fonts, sizes, spacing) */
:root{ --ink:#ffffff; --bg:#000000; --accent:#5a8065; --link:#5a8065; --pill:#5a8065; }

/* Mirror editor typography on FE */
html, body{
  background: var(--bg);
  color: var(--ink);
  font-family: 'Titillium Web', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Headings: exact green + bold + uppercase as requested */
h1, h2, h3, h4, h5, h6, .wp-block-heading{
  color: var(--accent) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .02em;
}

/* Body text stays white */
p, li, dt, dd, small, time, span, strong, em, blockquote, figcaption, table, th, td{
  color: var(--ink);
}

/* Links */
a{ color: var(--link); text-decoration: none; }
a:hover{ color: #ffffff; }


/* ---- Mirrored editor styles ---- */

:root{ --ink:#ffffff; --bg:#000000; --accent:#96d5a899; --link:#5a8065; }
.editor-styles-wrapper{
  background: var(--bg); color: var(--ink);
  font-family: 'Titillium Web', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 17px; line-height: 1.5;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
a{ color: var(--link); text-decoration: none; }
a:hover{ text-decoration: underline; }
h1,h2,h3{ color: var(--accent); word-spacing: 4px; font-weight:700; }
.wp-block{ max-width:1140px; }
.wp-block[data-align="wide"]{ max-width:1140px; }
.wp-block[data-align="full"]{ max-width:none; }
.wp-block-separator{ border-top:1px solid var(--accent); opacity:1; }
.wp-block-columns{ gap:28px; }
@media (max-width:1024px){ .wp-block-columns{ gap:22px; } }
@media (max-width:782px){ .wp-block-columns{ gap:16px; } }
.wp-block-image{ margin:0 0 28px; }
.wp-block-image img{ width:100%; height:auto; display:block; }
.wp-block-gallery{ gap:28px; }
.wp-block-gallery.has-nested-images{ display:grid; grid-template-columns:repeat(2,1fr); }
.wp-block-gallery.has-nested-images figure{ margin:0; }
@media (max-width:782px){ .wp-block-gallery.has-nested-images{ grid-template-columns:1fr; gap:16px; } }
.wp-block-column>h2:first-child,
.wp-block-column>h3:first-child,
.wp-block-column>.wp-block-heading:first-child{
  text-transform:uppercase; letter-spacing:.02em; color:var(--accent); margin:0 0 10px; display:inline-block;
}
.wp-block-column>h2:first-child::after,
.wp-block-column>h3:first-child::after,
.wp-block-column>.wp-block-heading:first-child::after{
  content:""; display:block; height:1px; width:100%; background:var(--accent); opacity:.35; margin:8px 0 18px;
}
.wp-block-table table{ border-collapse:collapse; }
.wp-block-table td,.wp-block-table th{
  border:1px solid rgba(255,255,255,.25); padding:8px 10px; color:var(--ink); background:transparent;
}
.wp-block-embed__wrapper iframe{ width:100%; height:auto; aspect-ratio:16/9; display:block; }
::selection{ background: rgba(150,213,168,.35); color:#fff; }
::-moz-selection{ background: rgba(150,213,168,.35); color:#fff; }
::placeholder{ color: rgba(255,255,255,.5); }