body {
  background-color: #f8f9f0;
  font-family: 'Segoe UI', sans-serif;
}

.navbar-brand {
  font-size: 1.3rem;
}

.card {
  border: none;
  border-radius: 12px;
}

.card-header {
  border-radius: 12px 12px 0 0 !important;
}

#tree-container {
  background: linear-gradient(180deg, #87CEEB 0%, #E0F0E0 60%, #8B6914 100%);
}

.badge.bg-family-color { background-color: #198754 !important; }
.badge.bg-personal-color { background-color: #0d6efd !important; }
.badge.bg-dawn-color { background-color: #ffc107 !important; color: #333 !important; }
.badge.bg-other-color { background-color: #6c757d !important; }

.list-group-item {
  border-radius: 8px !important;
  margin-bottom: 6px;
  border: 1px solid #e0e0e0;
}

textarea.form-control {
  border-radius: 8px;
}

.form-control, .form-select {
  border-radius: 8px;
}