:root {
    --color-primary: #0c56c2; 
    --color-accent: #f73859; 
}

body {
    font-family: 'Roboto', sans-serif;
    background-color: #f0f2f5; /* Nền xám nhạt như các sàn TMĐT */
}

.color-primary {
    background-color: var(--color-primary);
}
.color-accent {
    background-color: var(--color-accent);
}

/* Text colors */
.color-primary-text {
    color: var(--color-primary);
}

.color-accent-text {
    color: var(--color-accent);
}

.color-accent:hover {
    box-shadow: 0 4px 15px rgba(247, 56, 89, 0.4);
}

.sticky-header {
    top: 0;
    z-index: 50;
}

.slick-prev:before, .slick-next:before {
    color: #0c56c2 !important;
    font-size: 30px !important;
}

.category-slick-carousel .slick-slide {
    margin: 0 8px;
    width: 200px;
}
.category-slick-carousel .slick-list {
    margin: 0 -8px;
}

.text-uppercase{
    text-transform: uppercase
}