/* Base Banner Styles */
.banner {
  color: white;
  padding: var(--spacing-sm) var(--spacing-md);
  text-align: center;
  font-size: 0.9rem;
}

.banner-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-md);
  max-width: 1200px;
  margin: 0 auto;
}

.banner-message {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  font-weight: 500;
}

/* Trial Banner Styles */
.trial-banner {
  background: oklch(0.276848 0 0);
}

/* Expired Banner Styles */
.expired-banner {
  background: var(--color-error);
}