@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,500;0,700;1,400&family=Roboto+Slab:wght@700&display=swap');

h1, h1:hover, h2, h2:hover, h3, h3:hover, h4, h4:hover, p, p:hover, span, span:hover {
    font-family: 'Lato' !important;
}

#root > div > div {
    background-color: #f8f6f2 !important;
}

header {
    background-color: #fbf7f5 !important;
}

[data-testid="fixed-width-dashboard-tabs"] > div > div > div > div > div {
    color: #4A2D42 !important;
}

[data-testid="fixed-width-dashboard-tabs"] > div > div > div > div > div:hover {
    color: #e87d5e !important;
}

[data-testid="fixed-width-dashboard-tabs"] > div > div > div > div > div[aria-selected="true"]:after {
    border-color: #4A2D42 !important;
}

.react-grid-item > div {
  border-radius: 1rem !important;
}

[data-testid="parameter-value-widget-target"] span {
  color: #4A2D42 !important;
}

/*div {
  --dashboard-fixed-width: 100vw !important;
}*/