:root {
  --aa-ink: #172033;
  --aa-muted: #617084;
  --aa-brand: #17406d;
  --aa-accent: #1f8a70;
  --aa-surface: #ffffff;
  --aa-page: #f7f8fb;
  --aa-border: #d9e0e8;
}

body {
  min-height: 100vh;
  background: var(--aa-page);
  color: var(--aa-ink);
}

.aa-navbar {
  border-bottom: 1px solid var(--aa-border);
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(10px);
}

.aa-brand-mark {
  display: inline-grid;
  width: 2rem;
  height: 2rem;
  place-items: center;
  border-radius: 0.4rem;
  background: var(--aa-brand);
  color: #fff;
  font-weight: 700;
}

.aa-shell {
  padding: 3rem 0;
}

.aa-panel {
  border: 1px solid var(--aa-border);
  border-radius: 0.5rem;
  background: var(--aa-surface);
}

.aa-muted {
  color: var(--aa-muted);
}

.aa-status-dot {
  display: inline-block;
  width: 0.65rem;
  height: 0.65rem;
  border-radius: 999px;
  background: var(--aa-accent);
}