/* styles/event-card.css — event card visuals */

.event-card {
  background-color: var(--color-surface);
  border: 1px solid var(--color-border);
  border-left: 4px solid var(--color-primary);
  border-radius: var(--radius-md);
  padding: var(--space-4) var(--space-5);
  box-shadow: var(--shadow-sm);
  margin-bottom: var(--space-4);
}

.event-card-date {
  color: var(--color-primary);
  font-weight: 700;
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin-bottom: var(--space-1);
}

.event-card-title {
  margin-bottom: var(--space-2);
}

.event-card-location {
  color: var(--color-text-muted);
  font-size: 0.9rem;
  margin-bottom: 0;
}