/* Riverwalk Lofts — brand tokens and logo lockups */

:root {
  --rw-brick: #8C4A33;
  --rw-brick-dark: #6E3322;
  --rw-stone: #C4B6A5;
  --rw-stone-light: #DDD1BE;
  --rw-green: #3F5A49;
  --rw-green-dark: #31493B;
  --rw-ink: #211A15;
  --rw-muted: #6B5F55;
  --rw-paper: #EFE9DF;
  --rw-surface: #FDFBF7;
}

.rw-logo-link {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  border-bottom: 0;
  border-radius: 4px;
}

.rw-logo-link:focus-visible {
  outline: 2px solid var(--rw-brick);
  outline-offset: 3px;
}

.rw-lockup {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.rw-mark {
  display: block;
  flex: none;
}

.rw-wordmark {
  font-family: "Newsreader", Georgia, serif;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1;
  color: var(--rw-ink);
  white-space: nowrap;
}

.rw-wordmark--lg {
  font-size: 32px;
}

.rw-lockup-stacked {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  text-align: center;
}

.rw-lockup-stacked .rw-wordmark--lg {
  margin-top: 4px;
}

.rw-caption {
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--rw-muted);
}

/* Inverted lockup, for a deep-green header or footer.
   Scope it to the element that carries the dark surface. */
.rw-on-green {
  --rw-brick: #C08063;
  --rw-stone: #B4A492;
}

.rw-on-green .rw-wordmark,
.rw-on-green .rw-caption {
  color: #F1EADD;
}

.rw-on-green .rw-caption {
  color: var(--rw-stone);
}