/*
 * DiziXYZ Restaurant User Panel - Purple Theme (Rightel Inspired)
 *
 * This file contains CSS variables and styles for the purple theme,
 * inspired by the Rightel brand colors.
 *
 * @version 2.0
 */

:root {
    --primary-color: #5E2750; /* A deep, vibrant purple from Rightel's palette */
    --primary-color-hover: #4A1F40; /* A darker shade for hover effects */
    --secondary-color: #F3E8FF; /* A light lilac/lavender for backgrounds and highlights */
    --secondary-color-hover: #E9D5FF; /* A slightly darker lilac for hover */
    --text-color: #333333; /* Standard dark text for readability */
    --text-color-light: #6B7280; /* Lighter grey for secondary text */
    --background-color: #F9FAFB; /* A very light, almost white background */
    --card-background: #FFFFFF; /* White for cards and modals */
    --border-color: #E5E7EB; /* Light grey for borders */
    --link-color: #5E2750;
    --link-color-hover: #4A1F40;
}

/* Style for active navigation links */
.bottom-nav-bar a.active {
    color: var(--primary-color);
}

/* Button styles with a subtle gradient inspired by Rightel */
.btn-primary, .checkout-btn, .re-order-btn {
    background: linear-gradient(135deg, var(--primary-color), #863d76);
    border: none;
}

.btn-primary:hover, .checkout-btn:hover, .re-order-btn:hover {
    background: linear-gradient(135deg, var(--primary-color-hover), #703262);
}