/* =========================================================
   MUSTARD SEED GLOBAL – BRAND STYLES
   Theme: Koinonia
   ========================================================= */

/* ---------- BRAND COLOURS ---------- */
:root {
  --ms-dark: #333842;        /* Primary text */
  --ms-primary: #007a3f;    /* Primary green */
  --ms-secondary: #4fb748;  /* Accent green */
  --ms-soft: #ddf1cf;       /* Soft background */
  --ms-white: #ffffff;     /* White */
}

/* ---------- TYPOGRAPHY ---------- */

/* Body text */
body {
  font-family: 'Tinos', serif;
  font-size: 17px;
  line-height: 1.65;
  color: var(--ms-dark);
  background-color: var(--ms-white);
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  letter-spacing: 0.3px;
  color: var(--ms-dark);
  margin-bottom: 0.6em;
}

/* Subtle heading refinement (matches screenshot tone) */
h1 {
  font-size: 46px;
  font-weight: 700;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 28px;
}

/* Paragraph spacing */
p {
  margin-bottom: 1.2em;
}

/* ---------- LINKS ---------- */
a {
  color: var(--ms-primary);
  text-decoration: none;
}

a:hover,
a:focus {
  color: var(--ms-secondary);
  text-decoration: underline;
}

/* =========================
   BUTTON BRANDING – MSG
   ========================= */

.wp-block-button__link,
button,
input[type="submit"],
input[type="button"] {
  background-color: #4fb748;
  color: #ffffff;
  border: none;
  border-radius: 999px; /* keeps your pill style */
  transition: all 0.25s ease-in-out;
}

/* Hover + focus states */
.wp-block-button__link:hover,
.wp-block-button__link:focus,
button:hover,
button:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="button"]:hover,
input[type="button"]:focus {
  background-color: #ddf1cf;
  color: #007a3f;
}

/* Optional: remove underline on hover (some themes add it) */
.wp-block-button__link:hover {
  text-decoration: none;
}


/* ---------- SOFT PANELS / CALLOUT SECTIONS ---------- */
.ms-soft-bg {
  background-color: var(--ms-soft);
  padding: 2.5rem;
  border-radius: 18px;
}

/* Dark green sections (like screenshot left panel) */
.ms-primary-bg {
  background-color: var(--ms-primary);
  color: var(--ms-white);
  padding: 3rem;
}

.ms-primary-bg h1,
.ms-primary-bg h2,
.ms-primary-bg h3,
.ms-primary-bg p {
  color: var(--ms-white);
}

/* Accent green panels */
.ms-secondary-bg {
  background-color: var(--ms-secondary);
  color: var(--ms-white);
  padding: 3rem;
}

/* ---------- IMAGES ---------- */
/* Rounded, friendly image edges like screenshot */
img {
 /* ======================================
   REMOVE GAPS BETWEEN FULL-WIDTH SECTIONS
   ====================================== */
/* Overlay header on top of first section (Cover/Hero) */
header.wp-block-template-part,
.wp-site-blocks > header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 999;
}

/* Push page content down so it doesn't hide under the header */
.wp-site-blocks > main {
  padding-top: 96px; /* adjust to your header height */
}