:root {
  --black-900: #222222;
  --white-100: #ffffff;
  --grey-300: #828282;

  --baseFont: 18px;
  @media screen and (max-width: 1080px) {
    --baseFont: 16px;
  }

  --primaryFont: 'SF Pro Display', sans-serif;
  --iconsFont: "icons";

  /*Spacing*/
  --spacing-xxs: 0.4rem;
  --spacing-xs: 0.6rem;
  --spacing-s: 0.8rem;
  --spacing-m: 1rem;
  --spacing-l: 1.2rem;
  --spacing-xl: 1.4rem;
  --spacing-xxl: 1.6rem;
  --spacing-xxxl: 1.8rem;
  --spacing-lg: 3rem;

  /*Transition*/
  --cubicBezier: cubic-bezier(0.65, 0.005, 0.35, 0.995);
  /*Padding*/
  --main: 60rem;
  --wrapper: 36rem;
  --borderRadius: 1.2rem;
}