:root {
	--color-background-primary: #e1e1e1;
	--color-button-text: #FFFFFF;
    --color-button-background: #000000;
    --color-button-background-hover: #545454;
	--color-text-primary: #333333;
	--fontBody: 1.0rem Interface, Arial, sans-serif;
}

button {
	--button-color-secondary: var(--color-text-primary);
}

.header {
	--header-text-color: var(--color-text-primary);
	--header-icon-color: var(--color-text-primary);
}

.segmented-button {
    --segmented-button-bg-color-hover: var(--color-button-background-hover);
    --segmented-button-bg-color-active: var(--color-button-background);
}

.segmented-button > button {
	color: var(--color-text-primary);
}

.location-info-bar {
    color: var(--color-text-primary);
}

.quantity-selector button {
    color: var(--color-text-primary);
}

.menu-item-cart-card-actions .item-quantity .quantity-btn {
    color: var(--color-text-primary);
}

.tabs-bar {
	--tab-bar-text-color-active: var(--color-text-primary);
}

.pill-bar-container {
    --pill-bar-text-color: var(--color-text-primary);
	--pill-bar-background-color-active: var(--color-button-background);
    --pill-bar-background-color-hover: var(--color-button-background-hover);
    --pill-bar-text-color-active: var(--color-button-text);
}

.menu-item-cart-card-parent {
    --menu-item-cart-card-price-color: var(--color-text-primary);
 }