/* Components CSS: buttons, cards, panels, utilities */

.primary-button,
.btn-primary {
  background-color: var(--fp-primary);
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 8px 14px;
  cursor: pointer;
}

.secondary-button,
.btn-secondary {
  background-color: #ecf0f1;
  color: #2c3e50;
}

.danger-button,
.btn-danger {
  background-color: var(--fp-danger);
  color: #fff;
}

.card {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}

.slide-panel {
  background: #fff;
  border-left: 1px solid #eee;
}