:root {
  --primary-color: #2a7b78;
  --secondary-color: #0f2748;
  --accent-color: #2f9d9a;
  --text-color: #1d2430;
  --muted-text: #6b7280;
  --background-color: #ffffff;
  --section-bg-light: #f5f7fb;
  --border-color: #d5dceb;
  --button-primary-hover: #236865;
  --radius-card: 8px;
  --radius-button: 6px;
  --shadow-subtle: 0 2px 10px rgba(0, 0, 0, 0.05);
  --section-space-desktop: 80px;
  --section-space-mobile: 40px;
}

body {
  color: #1d2430;
  background-color: var(--background-color);
}

.wf-section {
  padding-top: var(--section-space-desktop);
  padding-bottom: var(--section-space-desktop);
}

.wf-card {
  border: 1px solid var(--border-color);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-subtle);
  background: var(--background-color);
}

.wp-block-button .wp-block-button__link {
  border-radius: var(--radius-button);
}

.wp-block-button.is-style-outline > .wp-block-button__link {
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
  background: transparent;
}

.wp-block-button:not(.is-style-outline) > .wp-block-button__link {
  background: var(--primary-color);
  color: #ffffff;
  border: 1px solid transparent;
}

.wp-block-button:not(.is-style-outline) > .wp-block-button__link:hover,
.wp-block-button:not(.is-style-outline) > .wp-block-button__link:focus {
  background: var(--button-primary-hover);
}

a {
  color: var(--primary-color);
}

a:hover,
a:focus {
  color: var(--button-primary-hover);
}

:where(a, button, input, textarea, select):focus-visible {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
}

@media (max-width: 782px) {
  .wf-section {
    padding-top: var(--section-space-mobile);
    padding-bottom: var(--section-space-mobile);
  }
}

.wf-hero {
  position: relative;
  color: #ffffff;
  min-height: 560px;
  display: flex;
  align-items: center;
  background: linear-gradient(rgba(9, 22, 44, 0.75), rgba(9, 22, 44, 0.75)),
    url("https://images.unsplash.com/photo-1517486808906-6ca8b3f8e1d0?auto=format&fit=crop&w=1600&q=80")
      center/cover no-repeat;
}

.wf-hero h1,
.wf-hero p {
  color: #ffffff;
}

.wf-hero-tag {
  display: inline-block;
  border: 1px solid rgba(47, 157, 154, 0.8);
  color: #2f9d9a;
  border-radius: 999px;
  padding: 8px 20px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 13px;
}

.wf-dark-band {
  background: #0f2748;
  color: #ffffff;
}

.wf-dark-band h2,
.wf-dark-band h3,
.wf-dark-band p,
.wf-dark-band li {
  color: #ffffff;
}

.wp-site-blocks > header .wp-block-group.alignfull {
  background: #0f2748 !important;
}

.wp-site-blocks > header .wp-block-site-title a,
.wp-site-blocks > header .wp-block-navigation a {
  color: #ffffff !important;
}

.wp-site-blocks > header .wp-block-navigation a:hover {
  color: #2f9d9a !important;
}