[data-role-common-root] {
  --modal-screen-percent: 80%;
  /* --primary-color-rgb: 26, 195, 243; */
  --primary-color: #1ac3f3;
  --text-color: #474f58;
  --hr-color: #ced0da;
  --bg-color: white;
  --text-inverse-color: white;
  --text-sub-color: #838a92;

  --global-transition: all 150ms ease-in-out;

  --font-family: 'IBM Plex Sans', sans-serif;
  --line-height: 1.27;

  --button-radius: 4px;
  --landscape-button-radius: 4px;
  --image-radius: 6px;
  --selected-border-width: 3px;
  --scenes-font-family: 'IBM Plex Serif', serif;
}
