:root {
  /*COLOR*/
  --color-Medas-50: #F2F2FD;
  --color-Medas-100: #D1D1FA;
  --color-Medas-400: #8886F3;
  --color-Medas-500-Base: #0F0D7D;
  --color-Medas-600: #0A0953;
  --color-Medas-700: #060531;
  --color-Medas-800: #030319;
  --color-Primary-50: #e4ecf8;
  --color-Primary-100: #c9d9f0;
  --color-Primary-400: #78a1da;
  --color-Primary-500-Base: #244b82;
  --color-Primary-600: #122541;
  --color-Primary-700: #070f1a;
  --color-Primary-800: #04070d;
  --color-Secondary-50: #ebeffe;
  --color-Secondary-100: #d7defd;
  --color-Secondary-400: #9badfb;
  --color-Secondary-500-Base: #365af6;
  --color-Secondary-600: #062090;
  --color-Secondary-700: #041356;
  --color-Secondary-800: #030d39;
  --color-Neutral-0: #ffffff;
  --color-Neutral-50: #f9f9fc;
  --color-Neutral-100: #e3e6e8;
  --color-Neutral-300: #e3e6e8;
  --color-Neutral-400: #afb8c5;
  --color-Neutral-500-Base: #718198;
  --color-Neutral-600: #45505f;
  --color-Neutral-700: #282e36;
  --color-Neutral-800: #000000;
  --color-Error-50: #fbeeef;
  --color-Error-100: #f4cdd0;
  --color-Error-500-Base: #c92c39;
  --color-Error-600: #64161d;
  --color-Error-700: #430f13;
  --color-Warning-50: #fdf7ed;
  --color-Warning-100: #f8e7c9;
  --color-Warning-500-Base: #da941b;
  --color-Warning-600: #6d4a0d;
  --color-Warning-700: #493109;
  --color-Success-50: #effbf1;
  --color-Success-100: #cff2d6;
  --color-Success-500-Base: #b3b734;
  --color-Success-600: #1b5f29;
  --color-Success-700: #12401b;

  /*FONT_SIZE*/
  --fontSize-xxxSmall: 0.75rem; /*12px*/
  --fontSize-xxxSmall2: 0.813rem; /*13px*/
  --fontSize-xxSmall: 0.875rem; /*14px*/
  --fontSize-xSmall: 1rem; /*16px*/
  --fontSize-small: 1.125rem; /*18px*/
  --fontSize-normal: 1.25rem; /*20px*/
  --fontSize-medium: 1.5rem; /*24px*/
  --fontSize-large: 2rem; /*32px*/
  --fontSize-xLarge: 2.5rem; /*40px*/
  --fontSize-xxLarge: 3rem; /*48px*/
  --fontSize-xxxLarge: 3.5rem; /*56px*/

  /*FONT_WEIGHT*/
  --fontWeight-normal: 500;
  --fontWeight-bold: 700;

  /*LINE_HEIGHT*/
  --lineHeight-xxSmall: 1rem; /*16px*/
  --lineHeight-xSmall: 1.25rem; /*20px*/
  --lineHeight-small: 1.5rem; /*24px*/
  --lineHeight-normal: 1.75rem; /*28px*/
  --lineHeight-medium: 2rem; /*32px*/
  --lineHeight-large: 2.5rem; /*40px*/
  --lineHeight-xLarge: 3rem; /*48px*/
  --lineHeight-xxLarge: 3.5rem; /*56px*/
  --lineHeight-xxxLarge: 4.5rem; /*72px*/

  /*EFFECTS*/
  --effects-shadow-down: 0 0.5rem 1rem rgba(36, 75, 130, 0.24);
  --effects-shadow-up: 0 -0.5rem 1rem rgba(36, 75, 130, 0.24);
  --effects-shadow-select: 0 0 0 0.125rem #F1F1FD;
  --effects-shadow-left: -0.5rem 0 1rem rgba(36, 75, 130, 0.24);

  /*BREAKPOINT*/
  --breakpoint-mobile: 375px;
  --breakpoint-large-mobile: 768px;
  --breakpoint-tablet: 1024px;
  --breakpoint-desktop: 1440px;

  /*LOGOS*/
  --short-logo: url('https://placehold.co/24x24');
  --short-logo-width: 1.5rem;
  --short-logo-height: 1.5rem;
  --long-logo: url('https://placehold.co/120x24');
  --long-logo-width: 7.5rem;
  --long-logo-height: 1.5rem;

  /*GLOBAL COLORS UTILITIES*/
  --background-body: var(--color-Medas-50);
}