/*
 * Page Authentification (§2.4, LIVRABLE 4 #1).
 */
.auth-card {
  width: 100%;
  max-width: calc(var(--space-7) * 8);
  background: var(--color-bg-surface);
  border: var(--border-default);
  border-radius: var(--radius);
  padding: var(--space-6);
  box-shadow: var(--shadow-panel);
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.auth-card__brand {
  font-family: var(--font-mono);
  font-size: var(--font-size-meta);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-meta);
  color: var(--color-cyan);
}

.auth-card__title {
  font-weight: var(--font-weight-semibold);
}

.auth-tabs {
  display: flex;
  gap: var(--space-4);
  border-bottom: var(--border-default);
}
.auth-tab {
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  color: var(--color-ink-muted);
  font-size: var(--font-size-label);
  font-weight: var(--font-weight-medium);
  padding: var(--space-2) var(--space-1);
  transition: var(--transition-fast);
}
.auth-tab--active {
  color: var(--color-ink-primary);
  border-bottom-color: var(--color-amber);
}