/* White Theme (Default) */
body {
    background-color: #F8F9FA;
    color: #1A1A1A;
}

.app-header {
    background-color: #F8F9FA;
}

.main-title {
    color: #1A1A1A;
}

.icon-btn,
.cart-icon-container i {
    color: #1A1A1A;
}

.category-pill {
    background: #FFFFFF;
    color: #666666;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.category-pill.active {
    background: #FF4747;
    color: #FFFFFF;
}

.search-bar {
    background: #FFFFFF;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.search-bar i {
    color: #999999;
}

.product-card {
    background: #FFFFFF;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
}

.product-name {
    color: #1A1A1A;
}

.product-price {
    color: #666666;
}

.add-btn-circle {
    background: #FF4747;
    color: #FFFFFF;
}

.app-bottom-nav {
    background: #FFFFFF;
    box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.05);
}

.nav-item i {
    color: #999999;
}

.nav-item span {
    color: #999999;
}

.nav-item.active i,
.nav-item.active span {
    color: #FF4747;
}

.modal-content {
    background: #FFFFFF;
}

.theme-opt.active {
    border: 2px solid #FF4747;
}

.preview.light {
    background: #FFFFFF;
    border: 1px solid #EEE;
}

.preview.night {
    background: #1A1A1A;
}

.preview.premium {
    background: #151515;
    border: 1px solid #C5A059;
}