@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=DM+Sans:wght@300;400;500&display=swap');

:root {
  --accent: #2d6a4f;
  --accent-dark: #1b4332;
  --accent-light: #52b788;
  --bg-tinted: #f0f4f1;
  --text-main: #1a2e23;
  --text-muted: #4a6357;
}

/* ── Body & global typography ── */
.u-body {
  font-family: 'DM Sans', sans-serif !important;
  color: var(--text-main) !important;
  background-color: #ffffff !important;
}

/* ── Header ── */
.u-header {
  background-color: #ffffff !important;
  border-bottom: 1.5px solid #d8e8e0 !important;
}

/* ── Logo link color — needs to beat nicepage's !important ── */
.u-text-palette-1-base,
.u-input.u-text-palette-1-base,
a.u-button-style.u-text-palette-1-base,
a.u-button-style.u-text-palette-1-base[class*="u-border-"] {
  color: var(--accent) !important;
}
a.u-button-style.u-text-palette-1-base:hover,
a.u-button-style.u-text-palette-1-base:focus {
  color: var(--accent-dark) !important;
}

/* ── Global link & button color-rules override (no !important in nicepage here) ── */
a { color: var(--accent) !important; }
a:hover, a:active { color: var(--accent-dark) !important; }

.u-btn {
  background-color: var(--accent) !important;
  color: #ffffff !important;
}
.u-btn:hover, .u-btn:focus, .u-btn:active {
  background-color: var(--accent-dark) !important;
  color: #ffffff !important;
}

/* ── Section backgrounds ── */
.u-section-1,
.u-section-3,
.u-grey-5 { background-color: var(--bg-tinted) !important; }

.u-section-2,
.u-section-4,
.u-section-6,
.u-white { background-color: #ffffff !important; }

.u-section-5,
.u-section-7 { background-color: var(--accent) !important; }

.u-section-8 { background-color: var(--bg-tinted) !important; }

/* ── Palette overrides ── */
.u-palette-1-base,
.u-btn.u-palette-1-base,
.u-button-style.u-palette-1-base {
  background-color: var(--accent) !important;
  color: #ffffff !important;
}
.u-hover-palette-1-dark-1:hover { background-color: var(--accent-dark) !important; }

.u-palette-1-dark-3,
.u-footer.u-palette-1-dark-3 {
  background-color: var(--accent-dark) !important;
  color: #ffffff !important;
}
.u-text-palette-1-light-3 { color: #b8d8c8 !important; }

/* ── Card / list items — text MUST be dark on white background ── */
.u-list-item,
.u-repeater-item {
  background-color: #ffffff !important;
}

/* Text inside white cards on green sections */
.u-section-5 .u-list-item h4,
.u-section-5 .u-list-item h5,
.u-section-5 .u-list-item p,
.u-section-5 .u-repeater-item h4,
.u-section-5 .u-repeater-item p,
.u-section-7 .u-list-item h4,
.u-section-7 .u-list-item p,
.u-section-7 .u-repeater-item h4 {
  color: var(--text-main) !important;
}

/* Section headings on green bg ── stay white */
.u-section-5 > .u-sheet > .u-text-1,
.u-section-5 > .u-sheet > .u-text-2,
.u-section-7 > .u-sheet > .u-text-1,
.u-section-7 > .u-sheet > .u-text-2 {
  color: #ffffff !important;
}

/* u-gradient inside green sections → override white background to white, text dark */
.u-gradient {
  background-image: linear-gradient(to bottom, #ffffff, #f5faf7) !important;
  color: var(--text-main) !important;
}
.u-gradient h4,
.u-gradient p,
.u-gradient .u-text {
  color: var(--text-main) !important;
}

/* ── Typography ── */
h1, h2, h3 {
  font-family: 'Playfair Display', Georgia, serif !important;
  color: var(--text-main) !important;
  letter-spacing: -0.01em;
}

/* Section headings text color by context */
.u-section-2 .u-text-1,
.u-section-4 .u-text-1,
.u-section-6 .u-text-1,
.u-section-8 .u-text-1 {
  color: var(--text-main) !important;
}

h4, h5 {
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 600 !important;
  color: var(--text-main) !important;
}

p, .u-text-2 {
  font-family: 'DM Sans', sans-serif !important;
  color: var(--text-muted) !important;
}

.u-section-1 .u-text-1 {
  font-size: 2.5rem !important;
  line-height: 1.2 !important;
  color: var(--text-main) !important;
}
.u-section-3 .u-text-1 {
  color: var(--text-main) !important;
}

/* ── Section 5 & 7 top-level text (outside cards) ── */
.u-section-5 .u-sheet > h3,
.u-section-5 .u-sheet > h5,
.u-section-7 .u-sheet > h3,
.u-section-7 .u-sheet > h5 {
  color: #ffffff !important;
}

/* ── Borders & inputs ── */
.u-border-grey-15 { border-color: #c8ddd3 !important; }
.u-input-rectangle {
  border-color: #a8c5b5 !important;
  background-color: #ffffff !important;
}

/* ── Footer text ── */
.u-footer .u-text-1,
.u-footer .u-text-2,
.u-footer p,
.u-small-text { color: #c8e6d8 !important; }
.u-footer a { color: #b8d8c8 !important; }