/* Typography */
body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background-color: #f8f9fa;
  color: #212529;
}

h1, h2, h3, h4, h5 {
  font-weight: 600;
}

/* Form Cards */
.card {
  border-radius: 10px;
  border: 1px solid #dee2e6;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

/* Inputs and Form Labels */
.form-label {
  font-weight: 500;
}

input, select, textarea {
  border-radius: 5px !important;
}

input:focus, select:focus, textarea:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  border-color: #80bdff;
}

/* Tables */
.table th, .table td {
  vertical-align: middle !important;
  font-size: 14px;
}

.table pre {
  font-size: 12px;
  background-color: #f8f9fa;
  padding: 6px;
  border-radius: 5px;
}

/* Buttons */
.btn-primary {
  background-color: #007bff;
  border: none;
}

.btn-primary:hover {
  background-color: #0069d9;
}

.btn-success {
  background-color: #28a745;
}

.btn-success:hover {
  background-color: #218838;
}

.btn-secondary {
  background-color: #6c757d;
}

.btn-secondary:hover {
  background-color: #5a6268;
}

.btn-danger {
  background-color: #dc3545;
}

.btn-danger:hover {
  background-color: #c82333;
}

/* Dashboard Styling */
.badge {
  font-size: 0.8rem;
  padding: 5px 10px;
  border-radius: 20px;
}

textarea.form-control-sm {
  resize: vertical;
}

/* Mobile Adjustments */
@media (max-width: 768px) {
  .form-label, .form-control, .btn {
    font-size: 14px;
  }

  h2 {
    font-size: 1.5rem;
  }
}