/* SubtleStreetLane - warm palette: milk #FAF5EF, light blue #A8D8EA, salad #B5EAD7, sand #E8DCC4, warm gray #9B8B7A */
:root {
  --color-milk: #FAF5EF;
  --color-light-blue: #7EB8DA;
  --color-salad: #8FCFB4;
  --color-sand: #E8DCC4;
  --color-warm-gray: #9B8B7A;
  --color-accent: #5A9BB8;
  --color-accent-hover: #4A8BA8;
}

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

::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: var(--color-warm-gray); border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: #8A7A6A; }