:root {
  --kv-green: #052e18;
  --kv-green-dark: #012513;
  --kv-gold: #d4af37;
  --kv-amber: #f5b82e;
  --kv-cream: #faf7f0;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Plus Jakarta Sans", sans-serif;
  background: var(--kv-cream);
}

.kv-site-header + main,
.kv-site-header ~ main {
  padding-top: 5rem;
}

@media (max-width: 640px) {
  .kv-site-header + main,
  .kv-site-header ~ main {
    padding-top: 4rem;
  }
}

::selection {
  color: var(--kv-green);
  background: #ffd359;
}

:focus-visible {
  outline: 3px solid var(--kv-amber);
  outline-offset: 3px;
}

body[data-kv-policy="true"] {
  background: #faf7f0 !important;
  color: #052e18 !important;
}
body[data-kv-policy="true"] > section {
  background-color: #faf7f0 !important;
  border-color: rgba(212, 175, 55, 0.32) !important;
}
body[data-kv-policy="true"] > section h1,
body[data-kv-policy="true"] > section h2,
body[data-kv-policy="true"] > section h3,
body[data-kv-policy="true"] > section h4,
body[data-kv-policy="true"] > section strong {
  color: #052e18 !important;
}
body[data-kv-policy="true"] > section p,
body[data-kv-policy="true"] > section li,
body[data-kv-policy="true"] > section td,
body[data-kv-policy="true"] > section span {
  color: #47624f !important;
}
body[data-kv-policy="true"] > section a {
  color: #08783a !important;
}
