/* 404/422/500 pages (app/views/errors). Same anatomy as the design-system's
   ErrorState component — kicker, title, lede, one way home — but drawn from
   umuzika's own washi/sumi tokens and the titlebar's 音 seal instead of the
   design-system's own mark. */

.page--error {
  min-height: calc(100dvh - 3rem);
  display: flex;
  align-items: center;
  justify-content: center;
}

.error-page {
  max-width: 46ch;
  margin: 0 auto;
  padding: 2rem 0;
  text-align: center;
}

.error-page__kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--text-dim);
}

.error-page__title {
  margin: 1.25rem 0 0;
  font-size: clamp(1.6rem, 5vw, 2.4rem);
  line-height: 1.15;
  letter-spacing: -0.01em;
}
.error-page__title em { color: var(--accent); font-style: normal; }

.error-page__lede {
  max-width: 40ch;
  margin: 1rem auto 0;
  color: var(--text-dim);
}

.error-page__actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1.75rem;
}