/* V1 visual theme only: deliberately no layout, spacing, sizing or control rules. */
:root {
  --v1-count: #075d63;
  color-scheme: light;
  font-family: Inter, "Segoe UI", system-ui, -apple-system, sans-serif;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  font-variant-numeric: tabular-nums;
  color: #172630;
  background: #f3f6f7;
}
body { color: #172630; background: #f3f6f7; }
header { background: #172630; }
nav a { color: #e4edf0; }
.eyebrow, .muted, .small { color: #5b6b75; }
.back, .filter { color: #075d63; }
.filter { border-color: #d8e0e4; }
button, .participation.not-playing, .primary { background: #075d63; }
.secondary { background: #e3f3eb; color: #075d63; }
.status { background: #e3f3eb; color: #176646; }
.status-confirmed { background: #d9f3df; color: #17613a; }
.status-request { background: #fff1c7; color: #805500; }
.status-wait { background: #e5f0ff; color: #185a9d; }
.status-invalid { background: #fff0ee; color: #a23a2b; }
.status-neutral { background: #edf1ed; color: #49605a; }
.notice { background: #fff2d6; color: #172630; }
.notification-count {
  display: inline-block;
  min-width: 1.35em;
  margin-left: .3em;
  padding: .05em .35em;
  border-radius: 1em;
  color: #fff;
  background: var(--v1-count);
  font-size: .78em;
  font-weight: 700;
  text-align: center;
  vertical-align: .08em;
}