:root {
    --primary: rgb(255, 255, 255);
    --primary-dark: rgb(180, 83, 9);
    --secondary: rgb(122, 122, 122);
    --danger: rgb(220, 38, 38);
    --success: rgb(34, 197, 94);
    --gray-800: rgb(255, 255, 255);
    --gray-900: rgb(255, 255, 255);
    --gray-700: rgb(255, 255, 255);
    --gray-600: rgb(255, 255, 255);
    --menu-item-bg: rgba(0, 0, 0, 0.36);
    --menu-item-border: rgb(229, 231, 235);
    --gray-200: rgb(229, 231, 235);
    --gray-50: rgba(56, 56, 56, 0.33);
    --gray-100: rgba(56, 56, 56, 0.33);
    --overlay-color: rgba(0, 0, 0, 0.21);
    --category-btn-bg: rgb(255, 255, 255);
    --category-btn-text: rgb(31, 41, 55);
    --category-btn-active: rgb(73, 184, 0);
    --add-btn-bg: rgb(73, 184, 0);
    --add-btn-text: rgb(255, 255, 255);
}

body {
    background: linear-gradient(168deg, #000000 0%, #610a00 100%) !important;
    background-attachment: fixed !important;
    min-height: 100vh !important;
}

.header {
    background-color: rgb(0, 0, 0) !important;
    border-bottom: 1px solid rgb(229, 231, 235) !important;
}

.header, .header .logo, .header-actions button {
    color: rgb(255, 255, 255) !important;
}

.header-actions button svg {
    stroke: rgb(255, 255, 255) !important;
}

.header-actions .search-btn:hover {
    background-color: rgb(0, 63, 163)20 !important;
}

.cart-btn {
    background-color: rgb(73, 184, 0) !important;
}

.cart-btn:hover {
    opacity: 0.9 !important;
}

.cart-btn svg {
    stroke: rgb(255, 255, 255) !important;
}

.cart-badge {
    background-color: rgb(73, 184, 0) !important;
}

.cart-badge {
    color: rgb(255, 255, 255) !important;
}

.header .logo {
    background-image: url('/uploads/logo_1759742596.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 40px !important;
    width: auto !important;
    min-width: 200px !important;
    max-width: 400px !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
}

.header .header-content {
    position: relative !important;
    justify-content: flex-end !important;
}

.category-tab {
    background-color: rgb(255, 255, 255) !important;
    color: rgb(31, 41, 55) !important;
}

.category-tab.active {
    background-color: rgb(73, 184, 0) !important;
    color: #ffffff !important;
}

.add-btn {
    background-color: rgb(73, 184, 0) !important;
    color: rgb(255, 255, 255) !important;
}

.add-btn:hover {
    opacity: 0.9 !important;
}

.qty-btn {
    background-color: rgb(189, 189, 189) !important;
    color: rgb(0, 0, 0) !important;
}

.qty-btn:active {
    background-color: rgb(189, 189, 189) !important;
}

.qty-display {
    background-color: rgb(77, 77, 77) !important;
    color: rgb(31, 41, 55) !important;
}

.quantity-controls {
    background-color: rgb(77, 77, 77) !important;
}

.modal-content {
    background-color: rgb(46, 46, 46) !important;
}

.modal-header {
    background-color: rgb(66, 66, 66) !important;
}

.modal-content, .modal-header h2, .cart-item-name, .cart-total {
    color: rgb(255, 255, 255) !important;
}

#checkoutBtn {
    background-color: rgb(73, 184, 0) !important;
    color: rgb(255, 255, 255) !important;
}

#checkoutBtn:hover {
    opacity: 0.9 !important;
}