/**
 * OUR Error Page CSS - 404 and other error states
 */

/* ============================================
 * ERROR PAGE
 * ============================================ */

.our-error-page {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60vh;
  padding: 2rem;
}

.our-error-page__content {
  text-align: center;
  max-width: 400px;
}

.our-error-page__icon {
  color: var(--our-color-text-secondary, #685d55);
  margin-bottom: 1.5rem;
}

.our-error-page__title {
  font-size: var(--our-font-size-2xl, 1.953rem);
  font-family: var(--our-font-family-display, sans-serif);
  font-weight: 700;
  color: var(--our-color-text, #3e2e2f);
  margin: 0 0 0.75rem;
}

.our-error-page__message {
  color: var(--our-color-text-secondary, #685d55);
  margin: 0 0 2rem;
  line-height: 1.5;
}