/* Old James label palette: ivory, deep navy and copper. */
:root {
  --ink: #102033;
  --ink-2: #172a3b;
  --paper: #f5eee8;
  --paper-2: #fffaf6;
  --gold: #b9784b;
  --gold-2: #875034;
  --red: #8f2e27;
  --muted: #6b5f58;
  --line: rgba(16, 32, 51, .16);
  --shadow: 0 24px 80px rgba(16, 32, 51, .18);
}

.site-header {
  background: rgba(245, 238, 232, .97);
  color: var(--ink);
  border-bottom-color: rgba(185, 120, 75, .42);
}

.brand strong { color: var(--ink); }
.brand small { color: var(--gold-2); }
.main-nav a { color: var(--ink); }
.main-nav a:hover,
.main-nav a:focus-visible { color: var(--gold-2); }
.language { color: var(--ink); border-color: rgba(16, 32, 51, .28); }

.button {
  background: var(--gold);
  color: var(--paper-2);
  border-color: var(--gold-2);
}

.button:hover,
.button:focus-visible {
  background: #d08f5c;
  color: var(--ink);
}

.button-ghost {
  background: rgba(16, 32, 51, .42);
  color: #fff;
  border-color: rgba(255, 255, 255, .72);
}

.button-ghost:hover { background: var(--paper-2); color: var(--ink); }
.fact-strip,
.section-dark { background: var(--ink); }
.footer { background: var(--ink-2); }
.chat-fab { background: var(--ink); border-color: var(--gold); }
.chat-panel-head { background: var(--ink); }
.age-gate { background: rgba(16, 32, 51, .97); }

@media (max-width: 940px) {
  .main-nav {
    background: var(--paper-2);
    border-top-color: rgba(185, 120, 75, .42);
  }

  .menu-button {
    color: var(--ink);
    border-color: rgba(16, 32, 51, .3);
  }
}