/* PUBLIC-only branding. Keep the original warm application palette and layout. */
:root {
  --vistolist-logo: #6257F6;
}
.brand-mark { background: var(--vistolist-logo); color: #FFFFFF; }
.hero::after { content: "V"; }

/* Visible keyboard focus, using the original interface palette. */
:where(button, a, input, select, textarea, summary):focus-visible {
  outline: 3px solid var(--gold-dark);
  outline-offset: 3px;
}
.hero :focus-visible, .progress-panel :focus-visible, .bulk-progress :focus-visible,
.image-viewer :focus-visible { outline-color: #f4d590; }
.generation-mode-card input:focus-visible + span, .size-preset input:focus-visible + span {
  outline: 3px solid var(--gold-dark); outline-offset: 3px;
}