:root {
  --text-color-1: #fff8e9;
  --text-body: #ded9cf;
  --text-heading: #e5c477;
  --text-link: #efd49b;
}
body { color: var(--text-body); }
h1, h2, h3, h4, .footer-title { color: var(--text-heading); }
a, #games .games__container a, .footer-contact-list > li > a,
.popup__cookies .cookies__container a:not(.button) { color: var(--text-link); }
.nav-item a, .nav-item a.active { color: var(--text-body) !important; }
.nav-item a:hover, .nav-item a:focus-visible { color: var(--text-link) !important; }
a:hover, a:focus-visible { color: #fff1d0; }
.button, a.button, .popup__cookies .cookies__container .button { color: var(--text-color-1); }
.form__login input, .form__signup input { color: var(--text-color-1); }
input::placeholder { color: #c5bfb2; opacity: 1; }
.language-switch {
  position: fixed; top: 12px; right: 12px; z-index: 1100;
  display: flex; gap: 4px; padding: 4px; border: 1px solid #73603b;
  border-radius: 10px; background: #10100f;
}
.language-switch button {
  color: var(--text-body); background: transparent; border: 0;
  padding: 8px 12px; border-radius: 6px; font: inherit; font-size: 14px; cursor: pointer;
}
.language-switch button[aria-pressed="true"] { color: #10100f; background: var(--text-heading); }
.language-switch button:focus-visible { outline: 2px solid var(--text-link); outline-offset: 2px; }
/* Allow the longer Spanish copy to stay visible in the original cards. */
.popup__cookies .cookies__container { height: auto; min-height: 300px; max-width: calc(100vw - 24px); }
.cookies__container .nav-button-group { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
#features .c_card-body > * { display: block; overflow: visible; -webkit-line-clamp: unset; }
#features .c_card { height: auto; }
.navbar { padding-top: 64px; }
@media (max-width: 767px) {
  #hero { height: auto; min-height: 70vh; max-height: none; }
  .login__container, .signup__container { max-width: calc(100vw - 24px); }
}
@media (min-width: 1200px) { #features .c_card { min-height: 300px; } }

/* Black and champagne gold identity. */
:root {
  --body-bg-color: #10100f;
  --bg-color-accent: linear-gradient(110deg, #efd49b, #d8af58);
  --bg-color-accent-hover: linear-gradient(110deg, #ffe8b6, #e5c477);
}
body { background-color: #10100f; background-image: radial-gradient(ellipse at 50% 12%, #2b2415 0, #10100f 60%); }
.popup__cookies, .popup__login, .popup__signup { background-color: #10100f; }
.c_card { background: #20201d; border: 1px solid #454032; }
.offcanvas.bg-dark { background-color: #191916 !important; }
.button:not(.button-invert), a.button:not(.button-invert), .popup__cookies .cookies__container .button:not(.button-invert) { color: #18140b; }
.button-invert, a.button-invert { border-color: #8c7445; color: #efd49b; }
.nav__logo { width: 144px; height: 96px; object-fit: contain; }
.offcanvas-title img { width: 168px; height: auto; }
#hero img { max-width: 100%; object-fit: contain; }
.form__login input:focus, .form__signup input:focus { outline: 2px solid #e5c477; outline-offset: 2px; }