/* Utopia identity. The supplied avatar is used unchanged; CSS frames its wordmark. */
:root {
  --lime: #62f68c;
  --green: #8cdbab;
  --bg: #111512;
  --panel: #191e1b;
  --panel2: #202823;
  --line: #2c3730;
  --muted: #96a299;
}
.club-brand { flex-direction: column; align-items: flex-start; gap: 8px; }
.club-brand small { padding-left: 2px; letter-spacing: 2.7px; color: #94a99b; }
.club-wordmark {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 860 / 178;
  overflow: hidden;
  flex-shrink: 0;
  isolation: isolate;
  border-radius: 3px;
}
.club-wordmark img {
  position: absolute;
  display: block;
  width: 125.5814%;
  height: auto;
  max-width: none;
  left: -12.7907%;
  top: -255.0562%;
}
.sidebar .club-brand { padding: 0 9px; }
.login-art .club-brand { width: 245px; padding: 0; }
.login-art .club-brand img { width: 125.5814%; height: auto; }
.workspace-icon { background: #1c2e21; border-color: #36543f; padding: 3px; }
.sidebar nav a.active, .guide-nav a.selected { background: #203a2a; }
.sidebar nav a:hover { background: #25332a; }
.button.primary { color: #0e2d18; }
.button.primary:hover { background: #91ffb0; }
.button.secondary { background: #212d25; border-color: #354a3c; color: #d1e7d9; }
.button.secondary:hover { background: #2b4032; }
.avatar { background: #2b3c30; border-color: #3c5545; color: #cce6d5; }
.stat.accent { background: linear-gradient(120deg, #203d2b, #1b2b21); border-color: #3a6047; }
.stat.accent>div, .stat.accent>div svg { color: #a4cfb2; }
.stat>div { color: #aabbb0; }
.stat>div svg { color: #84998b; }
.pill.green { background: #21442e; color: #91efaf; }
.pill, .count { background: #283b2f; color: #b1cdbb; }
.notice { background: #1e3426; border-color: #365b42; color: #c1e3cc; }
.notice p { color: #adc6b6; }
.notice>svg { color: #96d6aa; }
.shift-card { background: radial-gradient(ellipse at top right, #2b5639 0, transparent 67%), #1c2c22; border-color: #3b6348; }
.shift-card .eyebrow { color: #9fbeaa; }
.shift-card p { color: #b1c9ba; }
.shift-card select { background: #213a29; }
.shift-footnote { border-color: #35543f; color: #94b09e; }
.guide-tiles>a { border-color: #334e3c; background: #1d2c22; }
.guide-tiles>a:hover { border-color: #53966a; }
.tile-number { color: #8cac97; }
.tile-arrow { color: #a6d4b5; }
.segmented a.selected { background: #294732; }
input, select, textarea { background: #141f18; border-color: #384e40; }
input:focus, select:focus, textarea:focus { outline-color: #62f68c; }
.calendar-event { background: #23432e; border-color: #62f68c; color: #d0edda; }
.calendar-event small { color: #a6d0b4; }
.calendar-event.night { background: #292a3c; border-color: #a19ae4; }
.calendar-event.night small { color: #b2acce; }
.empty-icon { background: #213427; border-color: #34523e; color: #a5cdb2; }
.login-art { background: radial-gradient(ellipse at 75% 70%, #254f33, transparent 65%), #151f19; }
.login-copy p { color: #aac8b5; }
.orbit { border-color: #448b5b47; box-shadow: 0 0 0 50px #448b5b10, 0 0 0 100px #448b5b0a; }
.orbit svg { width: 290px; height: 290px; color: #62f68c; opacity: .08; stroke-width: 6; stroke-linecap: butt; }
.prose blockquote { color: #b0d4bc; }
.prose details { border-color: #385941; }
@media (max-width: 700px) {
  .login-art .club-brand { width: 190px; }
  .orbit svg { width: 180px; height: 180px; }
}