:root {
  --background-color: #f8f4ef; /* sandbeige */
  --text-color: #3a3a3a; /* dark grey */
  --heading-color: #2f4f4f; /* forest green */
  --link-initial-color: #ea894b; /* orange */
  --link-hover-color: #40606b; /* deep blue green */
  --accent-color: #c97a63; /* warm copper */
}

@font-face {
  font-family: 'Nunito';
  src: url('/fonts/Nunito-Regular.woff2') format('woff2'),
      url('/fonts/Nunito-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


body {
  background-color: var(--background-color);
  color: var(--text-color);
  font-size: 18px;
  line-height: 1.45;
}

body * {
  font-family: 'Nunito';
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  color: var(--heading-color);
}

body a {
  color: var(--link-initial-color);
  font-weight: 600;
}
body a:hover {
  color: var(--link-hover-color);
}

body ul li::marker {
  color: var(--accent-color);
}

.custom-light-text h1,
.custom-light-text h2,
.custom-light-text h3,
.custom-light-text h4,
.custom-light-text h5,
.custom-light-text h6 {
  color: var(--background-color);
}

.custom-light-text a:hover,
footer a:hover {
  color: var(--accent-color) !important;
}