/* FinFlow Shared Utilities v5.0
   Main design tokens are in index.html <style> block.
   This file holds shared utilities + admin compat. */

/* Smooth scroll */
html { scroll-behavior: smooth; }

/* Admin panel compat (overridden by admin.html internal styles) */
.matte-card {
  background-color: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 20px;
  box-shadow: 0 4px 20px -2px rgba(15,23,42,0.06);
}

/* Tap feedback */
.tap-effect:active {
  transform: scale(0.97);
  transition: transform 0.08s ease-out;
}

/* QR frame */
.qr-frame {
  padding: 12px;
  border-radius: 16px;
  background: #ffffff;
}

/* Shared animations */
@keyframes pulse-soft {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.65; }
}

.pulse-soft { animation: pulse-soft 3s ease-in-out infinite; }