:root {
  /* Width */
  --vbx-site-max-width: 60rem;

  /* Margin */
  --vbx-screen-edge-distance-right: clamp(1rem, 5%, 10%);
  --vbx-screen-edge-distance-left: clamp(1rem, 5%, 10%);

  /* Color */
  --vbx-site--background-color: #ffffff;
  --vbx-main-menu--link-color: black;
  --vbx-main-menu__panel--background-color: black;
  --vbx-main-menu__panel--text-color: white;
  --vbx-main-menu__panel--link-color: white;
  --vbx-main-menu__open-button--color: black;
  --vbx-main-menu__close-button--color: white;
  --vbx-button--background-color: black;
  --vbx-button--hover-background-color: lightblue;
  --vbx-button--text-color: white;
  --vbx-button--hover-color: black;
  --vbx-button--border-color: black;
  --vbx-button--border-radius: 0.3rem;
  --vbx-button--line-style: solid;
  --vbx-button--line-width: 0;

  /* Font */
  --vbx-text--font-family: "OpenSans", sans-serif;
  --vbx-text--font-size: clamp(1rem, 2vw, 1.5rem);
  --vbx-text--line-height: 150%;
  --vbx-heading1--font-size: clamp(2rem, 5vw, 20rem);
  --vbx-heading2--font-size: clamp(1.9rem, 4vw, 18rem);
  --vbx-heading3--font-size: clamp(1.8rem, 3.5vw, 16rem);
  --vbx-heading4--font-size: clamp(1.7rem, 3.25vw, 14rem);
  --vbx-heading5--font-size: clamp(1.6rem, 3vw, 12rem);
  --vbx-heading6--font-size: clamp(1.5rem, 2.75vw, 10rem);
}