body {
  background: url('/assets/images/banner.avif') center/cover no-repeat;
  background-size: cover; /* ensure image covers the whole viewport */
  background-position: center;
  color: #ffba00;
}

/* Gradient overlay on top of image */
body::before {
  content: "";
  position: fixed;       /* cover the viewport */
  top: 0;
  left: 0;
  width: 100%;
  height: 100svh;
  z-index: -1;           /* behind content, above body bg */

  background-color: #461901; /* solid overlay color */
  opacity: 0.8;             /* adjust overlay intensity */
}

.homepage-subtitle {
  color: #ffba00;
}

.language-selector-container,
.card {
  background: linear-gradient(to right top, #ff6900 0%, #7e2a0c 100%);
  border-width: 1px;
  color: #ffd230;
  border-color: #fd9a00;
}

a:link,
a:visited {
  color: #ffd230;
}

.header .language-selector {
  background: linear-gradient(to right top, #ff6900 0%, #7e2a0c 100%);
  border-color: #fd9a00;
  border-width: 1px;
}

.header__text h2.modal__title {
  color: #ffd230;
}

div.modal__container.language-selector-container {
  border: 1px solid #fd9a00; /* border width and color */
  border-radius: 8px;         /* optional: rounded corners */
}

