:root {
  --primary-orange: #fd7e14;
  --dark-orange: #e8590c;
  --light-orange: #fff4e6;
  --bg-color: #f8f9fa;
}

body {
  background-color: var(--bg-color);
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: #333;
}

.navbar-orange {
  background-color: var(--primary-orange) !important;
}

.navbar-orange .navbar-brand,
.navbar-orange .nav-link {
  color: #fff !important;
  font-weight: 600;
}

.navbar-orange .nav-link:hover {
  color: var(--light-orange) !important;
}

.btn-orange {
  background-color: var(--primary-orange);
  color: white;
  border: none;
  font-weight: 500;
}

.btn-orange:hover {
  background-color: var(--dark-orange);
  color: white;
}

.card {
  border: none;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.04);
}

.card-header-orange {
  background-color: var(--light-orange);
  color: var(--dark-orange);
  font-weight: bold;
  border-bottom: 1px solid #ffe8cc;
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
}