@keyframes fade {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes grow {
  from { transform: scale(0.8); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}
.animate-fade { animation: fade 0.6s ease-in-out; }
.animate-grow { animation: grow 0.8s ease-out; }

/* Brand: dark blue #1a365d, orange #e67e22, light yellow #fef9e7 */
:root {
  --brand-dark: #1a365d;
  --brand-orange: #e67e22;
  --brand-light: #fef9e7;
}

::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #1a365d; border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: #2c5282; }