/* ============================================
   ACHIEVEMENTS – Category Colors & Layout
   ============================================ */

/* Category text colours */
.text-yellow-400 { color: #fbbf24; }
.text-red-400    { color: #f87171; }
.text-red-500    { color: #ef4444; }
.text-blue-400   { color: #60a5fa; }
.text-green-400  { color: #4ade80; }
.text-purple-400 { color: #a855f7; }

/* Category background colours (20% opacity) */
.bg-yellow-500\/20  { background-color: rgba(251, 191, 36, 0.2); }
.bg-red-500\/20     { background-color: rgba(239, 68, 68, 0.2); }
.bg-red-600\/20     { background-color: rgba(220, 38, 38, 0.2); }
.bg-blue-500\/20    { background-color: rgba(59, 130, 246, 0.2); }
.bg-green-500\/20   { background-color: rgba(34, 197, 94, 0.2); }
.bg-purple-500\/20  { background-color: rgba(168, 85, 247, 0.2); }

/* Achievement card hover */
#achievement-wrapper > div:hover {
    transform: translateY(-2px);
    transition: transform 0.3s ease;
}