:root {
    --primary: #ff3838;
    --primary-light: #ff383815;
    --bg-site: #f5f6fa;
    --card-bg: #ffffff;
    --card-text: #000000;
    --header-bg: #131313;
    --header-text: #fec311;
    --qty-bg: #000000;
    --qty-text: #f46767;
    --pill-bg: #ffffff;
    --pill-text: #bc1915;
    --pill-active-bg: #bc1915;
    --pill-active-text: #ffffff;
    --font-main: 'Outfit', sans-serif;
    --radius-main: 25px;
}

body {
    font-family: var(--font-main);
    background-color: var(--bg-site) !important;
    color: var(--card-text);
}

.main-header {
    background-color: var(--header-bg) !important;
    color: var(--header-text) !important;
}

.product-card {
    background-color: var(--card-bg) !important;
    border-radius: var(--radius-main) !important;
}

.btn-checkout {
    background-color: var(--primary) !important;
    border-radius: var(--radius-main) !important;
    color: white !important;
}

.btn-qty {
    background-color: var(--qty-bg) !important;
    color: var(--qty-text) !important;
}

.cat-pill {
    background-color: var(--pill-bg) !important;
    color: var(--pill-text) !important;
    border-radius: 12px;
}

.cat-pill.active {
    background-color: var(--pill-active-bg) !important;
    color: var(--pill-active-text) !important;
    border-color: var(--primary) !important;
}