* {
  box-sizing: border-box;
}
body {
  background-color: var(--white-light);
  color: var(--black-dark);
  font-family: 'Arima Madurai', system-ui, sans-serif !important;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, p, li, span {
  margin: 0;
}
h1, h2, h3, h4, h5, h6  {
  font-family: 'ITC Avant Garde Std', sans-serif !important;
  font-weight: 700;
  line-height: 1.2;
}
h1.text-xxxl {
  font-size: var(--heading-h1-xl);
}
h1 {
  font-size: var(--heading-h1);
}
h2 {
  font-size: var(--heading-h2);
}
h3 {
  font-weight: 400;
  font-size: var(--heading-h3);
}

picture {
  display: block;
  width: fit-content;
}
img {
  display: block;
  width: 100%;
  height: auto;
}

.toolbar-oriented .toolbar-bar {
  z-index: 1250;
}