/* Minimal reset, now token-driven (#15) — real components land later in Phase 2. */
* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: var(--font-family-base);
  font-size: var(--font-size-base);
  line-height: var(--font-line-height-base);
  color: var(--color-text-primary);
  background: var(--color-surface-base);
  padding: var(--spacing-6);
}

/* Minimal proof-of-concept banner (see live.js's refreshBanner) — hidden
   by default via the `hidden` attribute set in index.html. */
.av-banner {
  background: var(--color-brand-primary);
  color: var(--color-text-on-brand);
  padding: var(--spacing-3) var(--spacing-4);
  border-radius: 4px;
}