@import "tailwindcss";

@theme {
  /* Berry/magenta — main CTA buttons, links, active states */
  --color-primary: #A11454;
  /* Subtle primary tint — highlighted rows, light badges */
  --color-primary-light: #F4E0EA;
  /* Dark navy from wordmark — headings, emphasis */
  --color-secondary: #1A1A2E;
  /* Primary body text */
  --color-text: #1A1A2E;
  /* Secondary/muted text — captions, placeholders */
  --color-text-muted: #6B7280;
  /* Main screen background */
  --color-background: #FFFFFF;
  /* Cards, inputs, elevated surfaces */
  --color-surface: #F8F8FA;
  /* Dividers, input borders, separators */
  --color-border: #E5E7EB;
  /* Default icon color */
  --color-icon: #6B7280;
  /* Delivered, completed — positive status */
  --color-success: #16A34A;
  /* Pending, in-transit — caution status */
  --color-warning: #EA8B0F;
  /* Cancelled, errors — negative status */
  --color-error: #DC2626;
  /* Tab bar active tint, links */
  --color-tint: #A11454;
  /* Inactive tab bar icons */
  --color-tab-icon-default: #6B7280;
  /* Active tab bar icon */
  --color-tab-icon-selected: #A11454;
}

@keyframes shake {
  0%, 100% { transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% { transform: translateX(-4px); }
  20%, 40%, 60%, 80% { transform: translateX(4px); }
}

.animate-shake {
  animation: shake 0.5s ease-in-out;
}