@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-50%) scale(0.9); }
  to   { opacity: 1; transform: translateY(-50%) scale(1); }
}
.animate-fadeIn {
  animation: fadeIn 0.25s ease-out;
}

body {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    background-color: #f5f5f5;
}

/* Custom styles for approved colors */
.bg-primary { background-color: #af0000 !important; }
.text-primary { color: #af0000 !important; }
.bg-secondary { background-color: #003a6d !important; }
.text-secondary { color: #003a6d !important; }
.bg-accent { background-color: #ff4344 !important; }
.text-accent { color: #ff4344 !important; }
.bg-highlight { background-color: #006ecf !important; }
.text-highlight { color: #006ecf !important; }
.bg-light { background-color: #6dbbff !important; }
.text-light { color: #6dbbff !important; }
.bg-dark { background-color: #4d4d4d !important; }
.text-dark { color: #4d4d4d !important; }
.bg-neutral { background-color: #bebebe !important; }
.text-neutral { color: #bebebe !important; }
.text-green { color: #2ecc71 !important; }

.btn-primary {
    background-color: #af0000;
    border-color: #af0000;
}

.btn-primary:hover {
    background-color: #8a0000;
    border-color: #8a0000;
}

.btn-secondary {
    background-color: #003a6d;
    border-color: #003a6d;
}

.btn-secondary:hover {
    background-color: #002c54;
    border-color: #002c54;
}

.card-header {
    background-color: #003a6d !important;
    color: white;
}

.progress-bar {
    background-color: #006ecf;
}

.border-custom {
    border-color: #bebebe !important;
}

/* Overspending red frame */
.border-overspend {
    border-color: #ef4444 !important;
    box-shadow: 0 0 0 2px rgba(248, 113, 113, 0.35);
}