:root {
  /*--primary-orange: #ff7b00;*/
  --primary-blue: #1565C0;
  /*--primary-dark: #d62828;*/
  --success-green: #2a9d8f;
  --danger-red: #e63946;
  --primary-dark: #1565C0;
}

/* Text colors */
.text-blue { color: var(--primary-blue) !important; }
.text-darkorange { color: var(--primary-dark) !important; }

/* Buttons */
.btn-orange { background-color: var(--primary-blue); color: white; }
.btn-orange:hover { background-color: var(--primary-dark); }

/* Forms */
.form-control:focus {
  border-color: var(--primary-blue);
  box-shadow: 0 0 0 0.25rem rgba(255, 123, 0, 0.25);
}

/* Navbar brand */
.navbar-brand { color: var(--primary-blue) !important; }

/* Card / panel style */
/*.card-custom {*/
/*  border: 2px solid var(--primary-blue);*/
/*  box-shadow: 0 4px 10px rgba(0,0,0,0.05);*/
/*  border-radius: 0.5rem;*/
/*}*/

.card-custom {
  border: 2px solid var(--primary-blue); /* Bootstrap-like light border */
  flex: 1 1 250px; /* grow/shrink but not smaller than 250px */
  min-width: 250px; /* ensures boxes don’t shrink too much */
  max-width: 320px; /* keeps them neat on big screens */
  border-radius: 0.75rem; /* smooth corners */
  padding: 1.25rem;
  background-color: white;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.info-row {
  gap: 1.5rem; /* space between boxes */
}