:root {
  /* colors */
  --primary: #027BFB;

  --secondary: #515C73;

  --thertiary: #F4F6FA;

  --hue: 0;
  --saturation: 100%;
  --lightness: 50%;

  --black: #001854;
  --white: #FFFFFF;

  /* typography */
  --font-family: "Roboto", system-ui, sans-serif;
  --font-size: 1.6rem;

  /* borders */
  --border-radius: 0.75rem;
  /* box shadow */
  --box-shadow: rgba(0, 0, 0, 0.05) 0rem 0.25rem 0.5rem 0rem;

  /* ease */
  /* --ease: cubic-bezier(0.75, 0.5, 0.05, 1); */
  --ease: ease;

  /* screen sizes */
  --full: 100%;
  /* 192rem; */
  --hd: 1920px;
  /* 144rem; */
  --xl: 1440px;
  /* 117rem; */
  --lg: 1170px;
  /* 76.8rem; */
  --md: 768px;
}