:root {
  --primary-color: #0052CC;
  --secondary-color: #FFC107;
  --success-color: #198754;
  --danger-color: #C0392B; /* أحمر ناعم */
  --text-color: #212529;
  --bg-color: #F9FAFB;
}

/* تطبيق الألوان */
body {
  background-color: var(--bg-color);
  color: var(--text-color);
}

.btn-primary {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  color: #fff;
}

.btn-secondary {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
  color: #000;
}

.btn-success {
  background-color: var(--success-color);
  border-color: var(--success-color);
  color: #fff;
}

.btn-danger {
  background-color: var(--danger-color);
  border-color: var(--danger-color);
  color: #fff;
}

a {
  color: var(--primary-color);
}

.navbar, footer {
  background-color: #ffffff;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}