/*** Styles Guide   *****/

// Colors
$blue-getronics: hsl(227, 58%, 38%);
$orange-getronics: #bf4500;
$black-getronics: #1d2232;
$dark-grey-getronics: #6b7085;
$grey-getronics: #9099a0;
$light-grey-getronics: hsl(0, 0%, 93%);
$white-getronics: hsl(0, 0%, 100%);

// Sizes
$px24: 1.5rem;
$px22: 1.375rem;
$px20: 1.25rem;
$px18: 1.125rem;
$px16: 1rem;
$px14: 0.875rem;
$px12: 0.75rem;
$px10: 0.625rem;

// Heading sizes
.heading1 {
  font-size: $px24;
}
.heading2 {
  font-size: $px20;
}
.subtitle1,
.body1 {
  font-size: $px16;
}
.subtitle2,
.body2,
button {
  font-size: $px14;
}
caption {
  font-size: $px12;
}
.overline {
  font-size: $px10;
}
button,
.overline {
  text-transform: uppercase;
}
