/* 404 Error Page */
.error-404 {
  min-height: 60vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-background);
}

.error-404__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: var(--spacing-md);
}

.error-404__code {
  font-size: clamp(8rem, 20vw, 14rem);
  font-weight: 700;
  line-height: 1;
  color: var(--color-primary);
  opacity: 0.15;
}

.error-404__title {
  font-size: var(--font-size-h2);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-top: calc(var(--spacing-xl) * -1);
}

.error-404__text {
  font-size: var(--font-size-body);
  color: var(--color-text-secondary);
  max-width: 400px;
}

.error-404 .button-primary {
  margin-top: var(--spacing-sm);
}