@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; }

/* Wite07 color palette: white, light gray, azure, dark blue */
:root {
  --wite-white: #FFFFFF;
  --wite-gray: #E8E8E8;
  --wite-light-gray: #F5F5F5;
  --wite-azure: #00A8CC;
  --wite-azure-light: #7DD3E8;
  --wite-dark-blue: #0D2847;
  --wite-dark-blue-light: #1B3A5C;
}

::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #00A8CC; border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: #0D2847; }