/* ===================================================================
   Tamin Tarkhis 24 — General UI Polish, testable example #1
   TT24_POLISH_PREVIEW_V1
   Scope: NOT a redesign. One small, isolated, purely-cosmetic example
   (a gentle entrance animation for cards) proposed alongside the theme
   research, kept in its own file so it is trivial to drop or expand
   separately from the color-theme work. No layout/structure/JS/PHP
   changes; respects prefers-reduced-motion.

   Other polish opportunities noticed during the palette research, NOT
   implemented here (flagged for a future separate pass, per scope):
   - Typography: heading letter-spacing/weight is inconsistent across
     the several CSS "generations" (app.css blocks 1/2/3, tt24-d*.css) --
     worth auditing into one scale.
   - Focus-visible states: several interactive elements rely on the
     browser default outline rather than a themed one; a consistent
     :focus-visible treatment would help keyboard-nav accessibility.
   - Empty-state illustrations/copy (`empty()` helper) are plain text-only
     across the app; a small icon + tighter spacing would lift them.
   - Table density: some tables (assets/app.css) use noticeably tighter
     row padding than the newer .tt24-d1-* cards -- worth reconciling.
   =================================================================== */
@media (prefers-reduced-motion: no-preference) {
  .card,
  .tt24-d1-card,
  .tt24-d1-kpi {
    animation: tt24CardEnter .38s cubic-bezier(.16,1,.3,1) both;
  }
  .tt24-d1-kpi:nth-child(2) { animation-delay: .04s; }
  .tt24-d1-kpi:nth-child(3) { animation-delay: .08s; }
  .tt24-d1-kpi:nth-child(4) { animation-delay: .12s; }

  @keyframes tt24CardEnter {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
  }
}