:root {
  --liveuin-color-ink: #17201f;
  --liveuin-color-paper: #f7f4ed;
  --liveuin-color-surface: #ffffff;
  --liveuin-color-accent: #bc3f2f;
  --liveuin-radius-card: 1rem;
  --liveuin-shadow-card: 0 1rem 2.5rem rgb(23 32 31 / 12%);
  --liveuin-space-unit: 0.5rem;
}

.liveuin-card {
  color: var(--liveuin-color-ink);
  background: var(--liveuin-color-surface);
  border-radius: var(--liveuin-radius-card);
  box-shadow: var(--liveuin-shadow-card);
}

.liveuin-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.75rem;
  padding: calc(var(--liveuin-space-unit) * 1.5) calc(var(--liveuin-space-unit) * 3);
  color: #fff;
  background: var(--liveuin-color-accent);
  border-radius: 999px;
  text-decoration: none;
}