/**
 * Trove Components CSS
 *
 * Purpose: Reusable component styles that appear on 3+ pages.
 * Only add styles here when Tailwind utilities aren't enough
 * (e.g., complex hover states, multi-element components).
 *
 * Prefer Tailwind classes in HTML over adding rules here.
 */

/* ========================================
   1. Status Badges
   ----------------------------------------
   Used on orders, projects, etc.
   Each status gets its own color pair.
======================================== */

/* (These will be populated as pages are migrated) */

/* ========================================
   2. Alerts / Flash Messages
======================================== */

/* (Will be added when account/checkout pages are migrated) */

/* ========================================
   3. Lookbook Hotspots
   ----------------------------------------
   Complex hover interaction that needs CSS.
======================================== */

/* (Will be added when home page lookbook section is migrated) */
