/**
 * This file set the base of Bitnami UI. It will set the font-size, scale,
 * background-color... of the body. All custom reset properties must be placed
 * here.
 */

html {
  // We can increase this percentage to modify the base type size
  font-size: $base-type-zoom;

  // Change the font-size based on the screen site
  @include mappy-query('b-tablet') {
    font-size: $base-type-zoom - 5;
  }

  @include mappy-query('b-phone-land') {
    font-size: $base-type-zoom - 10;
  }

  // The base size is big, so I'm gonna increase it only for ultrawide screens
  @include mappy-query('a-wide') {
    font-size: $base-type-zoom + 5;
  }
}

body {
  // Basic values
  font-family: $type-body;
  font-size: $base-type-size;
  color: color('text');
  line-height: $line-height;
  font-weight: 400;
  // Improve legibility
  text-rendering: optimizeLegibility;
}

/**
 * Match the size of elements to the border box. This property allow us to add padding to elements
 * preventing display the element outside of the container
 */
* {
  box-sizing: border-box;
}