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

.bg-body {
  background-color: #f8f9fa;
}

.blog-board textarea {
  resize: vertical;
  min-height: 100px;
}

.card,
[data-bs-theme="dark"] .card,
[data-bs-theme="dark"] .bg-white,
[data-bs-theme="dark"] .table {
  background-color: #343a40;
  color: #fff;
}

.card:hover {
  transform: scale(1.03);
  transition: transform 0.3s ease;
}

.service-card,
.sortable-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: move;
}

.service-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 18px rgba(0, 0, 0, 0.15);
}

.service-card i,
.sortable-card i {
  font-size: 2rem;
  margin-bottom: 1rem;
  transition: transform 0.3s ease;
}

.service-card .fa-3x {
  font-size: 3rem;
}

.service-card:hover i {
  transform: scale(1.25);
}

.text-purple {
  color: #6f42c1;
}

/* Dark Theme Adjustments */
[data-bs-theme="dark"] .bg-body {
  background-color: #212529;
}

[data-bs-theme="dark"] .table-dark {
  background-color: #495057;
}

[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select {
  background-color: #495057;
  color: #fff;
  border-color: #6c757d;
}

[data-bs-theme="dark"] .nav-tabs .nav-link,
[data-bs-theme="dark"] .list-group-item {
  color: #fff;
}

[data-bs-theme="dark"] .list-group-item {
  background-color: #343a40;
}

.nav-tabs .nav-link {
  color: #495057;
}

/* Button Styles */
[data-bs-theme="dark"] .btn-primary,
[data-bs-theme="dark"] .btn-outline-primary {
  color: #0d6efd;
  border-color: #0d6efd;
}

[data-bs-theme="dark"] .btn-success,
[data-bs-theme="dark"] .btn-outline-success {
  color: #198754;
  border-color: #198754;
}

[data-bs-theme="dark"] .btn-info,
[data-bs-theme="dark"] .btn-outline-info {
  color: #0dcaf0;
  border-color: #0dcaf0;
}

[data-bs-theme="dark"] .btn-warning,
[data-bs-theme="dark"] .btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107;
}

[data-bs-theme="dark"] .btn-danger,
[data-bs-theme="dark"] .btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545;
}

[data-bs-theme="dark"] .btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}

[data-bs-theme="dark"] .btn-outline-dark {
  color: #fff;
  border-color: #fff;
}