@font-face {font-display: swap; font-family: 'Roboto'; src: url(../assets/fonts/Roboto-Regular.woff2) format('woff2');}
@font-face {font-display: swap; font-family: 'Roboto'; src: url(../assets/fonts/Roboto-Bold.woff2) format('woff2'); font-weight: 700;}

:root {
  --font-base: "Roboto", Arial, sans-serif;
  --font-heading: "Roboto", Arial, sans-serif;
  --color-danger: #ff0054;
  --red2: var(--color-danger);
  --primary-icon-filter: invert(34%) sepia(100%) saturate(7001%) hue-rotate(332deg) brightness(96%) contrast(116%);
}

body {font-family: var(--font-base);}
.header .navbar ul.menu li.highlighted a, .header .menu ul li.highlighted div {color: #ff0054;}
.products .product-items-grid li .labels .discount,
.products .product-items-list li .labels .discount,
.product .product-images .labels .discount {background: #ff0054;}