/* The booking-cancel page, token-pure: every value here comes from the
 * var(--ffsl-*) theme (venue-tokens.css when the widget plugin is present,
 * else the page's inline fallback block). Guarded by
 * tests/test_availability_widget.py — a rule naming a value fails CI. */
body {
  margin: 0;
  background: var(--ffsl-color-bg-ground);
  color: var(--ffsl-color-text);
  font-family:var(--ffsl-font-ui);
}
.ffsl-cancel {
  max-width: 30em;
  margin: 12vh auto 0 auto;
  padding: var(--ffsl-space-4);
}
.ffsl-cancel .card {
  background: var(--ffsl-color-bg-panel);
  border: var(--ffsl-border-panel);
  border-radius:var(--ffsl-radius-lg);
  padding: var(--ffsl-space-8) var(--ffsl-space-4);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--ffsl-space-3);
  text-align: center;
}
.ffsl-cancel h1 {
  font-family:var(--ffsl-font-display);
  font-size: 1.35rem;
  margin: 0;
}
.ffsl-cancel p {
  margin: 0;
  color: var(--ffsl-color-text-muted);
}
.ffsl-cancel .ok-mark {
  color: var(--ffsl-state-ok);
}
.ffsl-cancel .err {
  color: var(--ffsl-state-crit);
  font-weight: var(--ffsl-weight-strong);
}