/* Brand color tokens — indigo palette (matches yPay theme) */
:root {
  --brand:       99 102 241;   /* #6366f1 */
  --brand-dark:  79  70 229;   /* #4f46e5 */
  --brand-light: 129 140 248;  /* #818cf8 */
}

@keyframes fade-up {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: translateY(0); }
}

.fade-up {
  animation: fade-up .5s ease-out both;
}

.payment-card {
  animation: fade-up .5s ease-out both;
}

.payment-card:nth-child(1) { animation-delay: .05s; }
.payment-card:nth-child(2) { animation-delay: .1s; }
.payment-card:nth-child(3) { animation-delay: .15s; }
.payment-card:nth-child(4) { animation-delay: .2s; }

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Remove number input arrows */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}

/* Scrollbar */
.dark ::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar { width: 6px; height: 6px; }
.dark ::-webkit-scrollbar-thumb { background: #475569; border-radius: 3px; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
.dark ::-webkit-scrollbar-track { background: #1e293b; }
::-webkit-scrollbar-track { background: #f1f5f9; }