:root {
  --black: #000;
  --cello: #1f3357;
  --flamenco: #ff7d08;
  --lipstick: #bd0171;
  --mine-shaft: #333;
  --persian-green: #00a699;
  --white: #fff;
}
/* Larger, centered logo on the login page (gin_login caps it at 40px). */
body.gin-login .user-form-page .content-header a {
  justify-content: center;
}

body.gin-login .user-form-page .content-header img {
  max-height: 110px;
  width: auto;
}

body.gin-login .user-form-page__page-title {
  text-transform: uppercase;
  font-size: clamp(1.25rem, 5vw, 1.75rem);
  white-space: nowrap;
  text-align: center;
}

/* Language switcher and log out link at the top of the frontend pages. */
.content-header .region-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5rem 1rem;
}
.content-header .region-header ul {
  display: flex;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.content-header .region-header li {
  margin: 0;
  list-style: none;
}
.content-header .region-header a {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  border: 1px solid var(--gin-color-primary);
  border-radius: var(--gin-border-m, 8px);
  text-decoration: none;
}
.content-header #block-gin-language-switcher li.is-active a,
.content-header #block-gin-language-switcher a.is-active,
.content-header #block-gin-account-menu a {
  background: var(--gin-color-primary);
  color: #fff;
}