:root {
    --primary: #FACC15; /* Banana Yellow */
    --primary-hover: #EAB308;
    --bg-color: #F1F5F9;
    --surface: #FFFFFF;
    --text-main: #0F172A;
    --text-muted: #64748B;
    
    --success: #10B981; /* Green - Available */
    --info: #3B82F6;    /* Blue - Occupied */
    --warning: #F97316; /* Orange - Preparing */
    --alert: #EAB308;   /* Yellow - Pending */
    --turquoise: #A855F7; /* Purple - En Mesa */
    --neutral: #94A3B8; /* Gray - End */
    --danger: #EF4444;

    --radius: 12px;
    --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}