:root {
  --mta-surface-bg: #fff5e6;
  --mta-surface-card: #ffffff;
  --mta-surface-tint: #faf3e6;
  --mta-map-center: #faf3ea;
  --mta-map-edge: #efe7d8;
}

html,
body.hub-surface {
  background-color: var(--mta-surface-bg);
}

body.hub-surface-map {
  background: radial-gradient(circle at 50% 38%, var(--mta-map-center), var(--mta-surface-bg) 72%, var(--mta-map-edge));
}

body.hub-surface .co,
body.hub-surface .rel,
body.hub-surface .person-article,
body.hub-surface .event-card,
body.hub-surface .person-card,
body.hub-surface .card {
  background-color: var(--mta-surface-card);
}

/* The lineup keeps its dark court while the surrounding page uses the canonical ground. */
body.hub-surface-lineup {
  background: var(--mta-surface-bg);
}

body.hub-surface-lineup .wrap {
  min-height: 100vh;
  background: #0c0e18;
  color: #f3f1ea;
}