@import './variables.css';
@import './reset.css';
@import './layout.css';
@import './components.css';
@import './home.css';
@import './user-system.css';
@import './gallery.css';
@import './project-edit.css';
@import './party.css';
@import './news.css';

body {
  font-family: var(--font-sans);
  background: var(--bg-base);
  color: var(--text-primary);
}

#app { min-height: calc(100vh - 56px); }

.view { animation: fadeIn 300ms ease forwards; }
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}