/* Design system *

Token di primo livello --> costanti

*/


:root{
/*-------------------------------------------------*/
/*                   C o l o r s                   */
/*-------------------------------------------------*/

--primary5 : #C6FEFF;
--primary10 : #A5E6F0;
--primary20 : #83CBD8;
--primary30 : #5CB0C0;
--primary40 : #3E9EAF;
--primary50 : #068A9C;
--primary60 : #007A8B;
--primary70 : #006574;
--primary80 : #005160;
--primary90 : #003C49;

--gray10 : #e8e8e8;
--gray20 : #d1d1d1;
--gray30 : #b5b5b5;
--gray40 : #999999;
--gray50 : #7a7a7a;
--gray60 : #5e5e5e;
--gray70 : #636363;
--gray80 : #474747;
--gray90 : #333333;
--gray100 : #292929;

--accentRed : #A6192E;
--accentOrange : #DE8906;
--accentYellow : #FDDC69;
--accentGreen : #A4BA4C;
--white : #FFFFFF;

/*-------------------------------------------------*/
/*                     F o n t                     */
/*-------------------------------------------------*/

--Sans: IBM Plex Sans;
--Mono: IBM Plex Mono;


/*-------------------------------------------------*/
/*                     Scale                       */
/*-------------------------------------------------*/

--scale1  :  10px;
--scale2  :  12px;
--scale3  :  14px;
--scale4  :  16px;
--scale5  :  18px;
--scale6  :  20px;
--scale7  :  24px;
--scale8  :  28px;
--scale9  :  32px;
--scale10  :  36px;
--scale11  :  42px;
--scale12  :  48px;
--scale13  :  54px;
--scale14  :  60px;
--scale15  :  68px;
--scale16  :  76px;
--scale17  :  84px;
--scale18  :  92px;
--scale19  :  102px;
--scale20  :  112px;
--scale21  :  122px;
--scale22  :  132px;
--scale23  :  144px;


/*--scale(Xn) = [
Xn = Xn-1 + {INT[(n-2)/4] + 1} * 2
Xn: step n type size Xn-1: step n-1 type size
      ];
*/

/*-------------------------------------------------*/
/*              border-Sizing                      */
/*-------------------------------------------------*/


--border-sizing01 : 0.5px;
--border-sizing02 : 1px;



/*-------------------------------------------------*/
/*                     Weights                     */
/*-------------------------------------------------*/

--light: 300;
--regular: 400;
--medium: 500;
--semibold:600;


  /*-------------------------------------------------*/
/*                     Spacing                     */
/*-------------------------------------------------*/

--spacing1 :  2px;
--spacing2 :  4px;
--spacing3 :  8px;
--spacing4 :  12px;
--spacing5 :  16px;
--spacing6 :  24px;
--spacing7 :  32px;
--spacing8 :  40px;
--spacing9 :  48px;
--spacing10 :  64px;
--spacing11 :  80px;
--spacing12 :  96px;
--spacing13 :  160px;


  /*-------------------------------------------------*/
/*                     Line-Heights px               */
/*-------------------------------------------------*/

--line-height1: 13px;
--line-height2: 15px;
--line-height3: 16px;
--line-height4: 18px;
--line-height5: 20px;
--line-height6: 24px;
--line-height7: 28px;
--line-height8: 36px;
--line-height9: 40px;
--line-height10: 50px;
--line-height11: 64px;

  /*-------------------------------------------------*/
/*                     Letter-spacings - px               */
/*-------------------------------------------------*/

/*--letterspacing0: 0; */
--letterspacing1: 0.16px;
--letterspacing2: 0.32px;
--letterspacing3: 1px;

}