/* app.css — estilos específicos de página que complementam o design system */

/* Seção de título do formulário de cadastro */
.form-section-title {
  font-size: var(--text-sm);
  font-weight: var(--fw-semibold);
  color: var(--c-muted);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding-bottom: var(--sp-2);
  border-bottom: 1px solid var(--c-border);
  grid-column: 1 / -1;
}

/* Tela inicial (index.html) */
.splash {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100dvh;
  text-align: center;
  padding: var(--sp-8) var(--sp-4);
}

.splash__logo {
  width: min(340px, 80vw);
  margin-bottom: var(--sp-8);
}

.splash__footer {
  position: fixed;
  bottom: var(--sp-6);
  font-size: var(--text-xs);
  color: var(--c-placeholder);
}