/* ============================================================
   DiveLog DS — Page-specific: 404
   ============================================================
   Stili specifici della pagina 404 (errore pagina non trovata).
   Layout centrato ereditato da css/auth.css (.auth-page).
   Bottone ereditato da ds/components/button.css (.button).
   Tutti i valori derivano esclusivamente dai Design Token.
   ============================================================ */

/* ── Contenitore centrale (stessa larghezza di .auth-main) ── */
.auth-container {
  width: 100%;
  max-width: 420px;
  text-align: center;
}

.logo {
  margin-bottom: var(--space-8);
}

.logo img {
  max-width: 100%;
  height: auto;
}

.error-code {
  font-size: var(--font-display-large);
  font-weight: var(--weight-bold);
  line-height: 1;
  margin: var(--space-4) 0 0;
  color: var(--color-text-primary);
}

.error-message {
  margin-top: var(--space-2);
  color: var(--color-text-secondary);
  font-size: var(--font-body-large);
}

.error-action {
  display: inline-block;
  margin-top: var(--space-8);
  text-align: center;
}

/* ── Responsive: mobile 5" ── */
@media (max-width: 599px) {
  .error-code {
    font-size: var(--font-display-medium);
  }
}