/*
  Longevity Suite — shared base styles
  App-specific layout (padding, position) stays in each project's local base.css
*/

/* reset */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; }

/* body foundation */
body {
  font-family: 'DM Sans', system-ui, sans-serif;
  background: var(--bg-0);
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  min-height: 100%;
}

/* shared fade-in animation */
.fade {
  opacity: 0;
  transform: translateY(12px);
  animation: rise .65s cubic-bezier(.2,.7,.2,1) forwards;
}
@keyframes rise { to { opacity: 1; transform: none; } }
.d1 { animation-delay: .05s }
.d2 { animation-delay: .14s }
.d3 { animation-delay: .24s }
.d4 { animation-delay: .34s }
.d5 { animation-delay: .44s }
.d6 { animation-delay: .54s }

/* utility */
.hide { display: none !important; }