/* ==========================================================================
   Not Found Page Styles
   ========================================================================== */

.af-not-found-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: calc(var(--spacing-section) * 2) var(--spacing-md);
  background-color: var(--surface-color);
}

.af-not-found-title {
  font-size: 6rem;
  font-weight: 700;
  color: var(--primary-color);
  margin-bottom: var(--spacing-sm);
  line-height: 1;
}

.af-not-found-subtitle {
  font-size: 2rem;
  color: var(--text-primary);
  margin-bottom: var(--spacing-md);
}

.af-not-found-text {
  font-size: 1.125rem;
  color: var(--text-secondary);
  margin-bottom: var(--spacing-xl);
  max-width: 500px;
}