/* ==========================================
   ECUSTA HLI - GLOBAL STYLES (style.css)
   ========================================== */

:root {
  /* Official Brand Colors from ECUSTA Site */
  --ecusta-navy: #0a2c4e;
  --ecusta-crimson: #8a1538;
  --ecusta-gold: #d4af37;
  --ecusta-navy-hover: #08223d;
  --ecusta-crimson-hover: #6b102b;
}

/* Base Setup */
body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  background-color: #f8fafc; /* Very light gray/blue background */
  -webkit-font-smoothing: antialiased;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1; 
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--ecusta-navy); 
}

/* Animations */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

.fade-in {
  animation: fadeIn 0.4s ease-out forwards;
}

/* Modal Backdrop Blur */
.modal-backdrop {
  background-color: rgba(10, 44, 78, 0.6);
  backdrop-filter: blur(4px);
}

/* Glassmorphism utility for floating cards */
.glass-card {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
}