:root {
  --primary-color: #30ADE7;
  --primary-color-lighter: #30ADE714;
  --dark-blue: #07075B;
  --black: #2F2F2F;
  --gray: #757575;
  --light-gray: #F2F2F2;
  --white: #FFFFFF;
  --success-color: #12A849;
  --success-color-lighter: #30E77314;
  --danger-color: #F17E50;
  --danger-color-lighter: #F17E5014;
  --border-color: #EFEFEF;

  --sm-border-radius: 16px;
  --lg-border-radius: 24px;
  --xlg-border-radius: 100px;

  --font-size-base-desktop: 16px;
  --font-size-base-mobile: 14px;

  --title-height: 115%;
  --description-height: 140%;

  --sm-spacing: 8px;
  --md-spacing: 16px;
  --lg-spacing: 24px;
  --xl-spacing: 32px;
  --xxl-spacing: 40px;

  --mobile-p: 320px;
  --mobile-m: 375px;
  --mobile-g: 425px;
  --tablet: 768px;
  --laptop: 1024px;
  --laptop-g: 1440px;

  --font-titles: 'Dosis';
  --font-descriptions: 'REM regular';
  --font-descriptions-bold: 'REM bold';
}

* {
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
  box-sizing: border-box;
}

body {
  overflow-x: hidden;
}