body {
  /* Override default font from GeoGirafe with custom Roboto font */
  --font-family: 'Roboto', Arial, sans-serif;
  --hov-title-color: #313131;
  --app-border-color: #b1b7bf;
  --app-standard-border: 1px solid var(--app-border-color);
  --hov-section-background: #c1c1c1;

  /* Helper variables used in multiple components */
  --panel-height: calc(100vh - var(--app-standard-height) - var(--app-footer-height) - 1px);
  --panel-padding: 20px;
  --map-legend-btn-top: 11.6em;
}

body.dark-theme {
  --hov-title-color: #e1e1e1;
  --app-border-color: #656565;
  --hov-section-background: #4d4d4d;

  /* Brighten up default dark mode background */
  --bkg-color: #2d2d2d;
}
