/* AjithMart — Bold Electric design tokens */
:root {
  /* Brand */
  --lime: #C6FF1F;
  --lime-600: #B5F500;
  --lime-700: #9FE000;
  --lime-50: #F2FFCC;
  --lime-100: #E5FF8F;

  --ink: #0B0F0A;
  --ink-2: #1A1F18;
  --ink-3: #2A302A;

  --cream: #FAFAF5;
  --paper: #FFFFFF;

  --mango: #FF6B2C;
  --mango-50: #FFE8DC;
  --indigo: #2A4BFF;
  --indigo-50: #E4E9FF;

  /* Semantic */
  --success: #00B86B;
  --success-50: #DBF5E8;
  --warning: #FFB300;
  --warning-50: #FFF1CC;
  --error: #FF3B30;
  --error-50: #FFE0DD;
  --info: #2A4BFF;

  /* Neutrals */
  --gray-50: #F5F6F4;
  --gray-100: #ECEEEB;
  --gray-200: #DCDFDA;
  --gray-300: #C3C7C0;
  --gray-400: #9AA098;
  --gray-500: #6F756D;
  --gray-600: #4D524B;
  --gray-700: #353A33;
  --gray-800: #1F231E;
  --gray-900: #0F1310;

  /* Spacing */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px;
  --s-5: 20px; --s-6: 24px; --s-8: 32px; --s-10: 40px;
  --s-12: 48px; --s-16: 64px;

  /* Radius */
  --r-1: 4px; --r-2: 8px; --r-3: 12px; --r-4: 16px;
  --r-6: 24px; --r-full: 9999px;

  /* Elevation */
  --e-1: 0 1px 2px rgba(11,15,10,.04), 0 1px 1px rgba(11,15,10,.03);
  --e-2: 0 2px 4px rgba(11,15,10,.05), 0 4px 8px rgba(11,15,10,.04);
  --e-3: 0 4px 8px rgba(11,15,10,.06), 0 8px 16px rgba(11,15,10,.05);
  --e-4: 0 8px 16px rgba(11,15,10,.08), 0 16px 32px rgba(11,15,10,.06);
  --e-5: 0 16px 32px rgba(11,15,10,.10), 0 32px 64px rgba(11,15,10,.08);

  /* Type */
  --font: 'DM Sans', -apple-system, system-ui, sans-serif;
  --mono: 'DM Mono', ui-monospace, SFMono-Regular, monospace;
}

* { box-sizing: border-box; }

html, body {
  margin: 0; padding: 0;
  font-family: var(--font);
  background: #0B0F0A;
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

button { font-family: inherit; cursor: pointer; border: 0; background: none; padding: 0; }
input { font-family: inherit; }

/* Hide scrollbars in screen content */
.am-screen::-webkit-scrollbar,
.am-hscroll::-webkit-scrollbar { display: none; }
.am-screen, .am-hscroll { scrollbar-width: none; }

/* Animations */
@keyframes am-pulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.08); opacity: 0.85; }
}
@keyframes am-bounce {
  0% { transform: scale(1); }
  30% { transform: scale(1.25); }
  60% { transform: scale(0.92); }
  100% { transform: scale(1); }
}
@keyframes am-spin { to { transform: rotate(360deg); } }
@keyframes am-shimmer {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}
@keyframes am-fade-up {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes am-slide-up {
  from { transform: translateY(100%); }
  to { transform: translateY(0); }
}
@keyframes am-scale-in {
  from { opacity: 0; transform: scale(0.92); }
  to { opacity: 1; transform: scale(1); }
}
@keyframes am-ripple {
  0% { box-shadow: 0 0 0 0 rgba(198,255,31,0.6); }
  100% { box-shadow: 0 0 0 24px rgba(198,255,31,0); }
}
@keyframes am-tick {
  0%, 50%, 100% { transform: translateY(0); }
  25% { transform: translateY(-2px); }
  75% { transform: translateY(2px); }
}
@keyframes am-confetti-fall {
  0% { transform: translate(0, -20px) rotate(0); opacity: 1; }
  100% { transform: translate(var(--cx, 0), 360px) rotate(720deg); opacity: 0; }
}
@keyframes am-bolt-flash {
  0%, 100% { filter: drop-shadow(0 0 0 rgba(198,255,31,0)); }
  50% { filter: drop-shadow(0 0 8px rgba(198,255,31,.9)); }
}
@keyframes am-rider-bob {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
}