/* ===============================
   Institutional Branding
   =============================== */
:root {
  --brand-primary: #0d6efd;   /* Replace with institution primary color */
  --brand-secondary: #198754; /* Optional secondary color */
  --brand-light: #f8f9fa;
  --brand-dark: #212529;
  --brand-font: "Segoe UI", Arial, sans-serif;
}

.scholarship-call {
  background: linear-gradient(
    135deg,
    var(--brand-primary),
    var(--brand-secondary)
  );
  font-family: var(--brand-font);
}

.scholarship-call .card {
  background-color: #ffffff;
  border-radius: 12px;
}

.scholarship-logo {
  width: 60px;
  height: auto;
}

.btn-brand {
  background-color: var(--brand-primary);
  color: #ffffff;
  border: none;
}

.btn-brand:hover {
  background-color: #0b5ed7;
  color: #ffffff;
}

.countdown {
  font-weight: 600;
  font-size: 1rem;
}

.countdown span {
  background: var(--brand-light);
  padding: 6px 10px;
  border-radius: 6px;
  margin-right: 4px;
  color: var(--brand-dark);
}