:root {
  --primary-color: #795548; /* Brown 500 */
  --accent-color: #a59c98; /* Brown 300 */
  --text-color-light: white;
  --text-color-dark: black;
}

#homepage-title-container,
#category-name-container,
#homepage-description,
#category-details-container p {
  color: var(--text-color-light);
}

.product-card .mdl-card__supporting-text h4,
.product-card .mdl-card__supporting-text p {
  color: var(--text-color-dark);
}

.price {
  color: var(--primary-color);
}

.category-button.selected {
  background-color: var(--primary-color);
  color: var(--text-color-light);
  border: 1px solid var(--primary-color);
}

#scroll-to-top {
  background-color: var(--text-color-dark);
}

body {
  background-color: var(--accent-color);
}

header {
  background-color: var(--text-color-light);
}

header button svg {
  fill: var(--text-color-dark);
}