/* Wspólna warstwa identyfikacji wizualnej OrderMind — zgodna z ordermind.app. */
.auth-card {
  color: var(--ink);
  background: #fff;
}

.auth-card .brand__mark {
  width: 46px;
  height: 46px;
  flex-basis: 46px;
}

.auth-card__sub,
.brand small {
  color: var(--muted);
}

.auth-card h1,
.auth-art h2,
.topbar h1,
.section-card__head h2 {
  color: var(--green-dark);
}

.auth-art {
  background:
    radial-gradient(circle at 18% 18%, rgba(105, 197, 31, .18), transparent 35%),
    radial-gradient(circle at 84% 78%, rgba(24, 168, 75, .13), transparent 34%),
    linear-gradient(135deg, var(--green-soft), var(--surface-soft) 54%, #fbfbf7);
}

.auth-flow span {
  border-color: var(--line);
  background: rgba(255, 255, 255, .84);
  color: var(--green-dark);
}

.sidebar .brand__order {
  color: #fff;
}

.sidebar .brand__mind {
  color: var(--green-hover);
}

.sidebar .brand__mark {
  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, .2));
}

.topbar {
  background: rgba(251, 251, 247, .94);
}

@media (max-width: 640px) {
  .auth-card .brand__mark {
    width: 42px;
    height: 42px;
    flex-basis: 42px;
  }

  .auth-card .brand__name {
    font-size: 24px;
  }
}