/*
 * theme.css
 * File ini berisi semua variabel CSS global (skema warna)
 * untuk digunakan di SEMUA halaman (publik dan admin)
 * agar tercipta konsistensi desain dan kemudahan maintenance.
 *
 * PERUBAHAN:
 * - Menambahkan gaya global untuk feedback (loading/error)
 * sesuai Poin B9 agar tidak duplikat di admin.css dan style.css.
 */

:root {
  --blue-main: #004a99;
  --blue-light: #b3d9ff;
  --blue-bg: #e6f2ff;
  --blue-hover: #cce5ff;
  --blue-soft: #d9ecff;
  --blue-border: #b3d1ff;
  --gold: #d4af37;
  --green: #4caf50;
  --red: #f44336;
  --white: #ffffff;
  --sidebar-active-border: var(--gold);
}

/* * ==================================================
 * GAYA FEEDBACK GLOBAL (BARU)
 * ==================================================
 * Dipindahkan dari admin-dashboard.css agar global
 */
.feedback-container { 
  display: flex; 
  flex-direction: column; 
  justify-content: center; 
  align-items: center; 
  padding: 2rem; 
  text-align: center; 
  color: #555; 
  min-height: 150px; 
}

.spinner { 
  width: 40px; 
  height: 40px; 
  border: 4px solid var(--blue-bg); 
  border-top: 4px solid var(--blue-main); 
  border-radius: 50%; 
  animation: spin 1s linear infinite; 
  margin-bottom: 1rem; 
}
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

.error-alert { 
  width: 100%; 
  padding: 1rem; 
  background-color: #f8d7da; 
  color: #721c24; 
  border: 1px solid #f5c6cb; 
  border-radius: 8px; 
}