message: feat: add new variables to typography and space
diff: --red-2: #ba1e24;
  --white: #ffffff;
  - --primaryColor: var(--orange-1);
  - --secondaryColor: var(--blue-1);
  - --textColor: var(--black);
  + --space-xxs: 0.4rem;
  + --space-xs: 0.8rem;
  + --space-sm: 1.6rem;
  + --space: 2.4rem;
  + --space-md: 3.2rem;
  + --space-lg: 4.8rem;
  + --space-xlg: 6.4rem;
  + --space-xxlg: 9.6rem;
  +
  + --font-family: 'Roboto', sans-serif;
  +
  + --typography-panel-font: 900 3.8rem/4rem var(--font-family);
  + --typography-panel-letter: 0;
  + --typography-title-font: 600 2.5rem/2.9rem var(--font-family);
  + --typography-title-letter: -0.357143px;
  + --typography-subheader-font: 400 1.6rem/1.9rem var(--font-family);
  + --typography-subheader-letter: -0.228572px;
  + --typography-body-font: 400 1.6rem/1.9rem var(--font-family);
  + --typography-body-letter: -0.228572px;
  + --typography-body2-font: 400 1.4rem/1.6rem var(--font-family);
  + --typography-body2-letter: -0.2px;
  + --typography-caption-font: 400 1.2rem/1.4rem var(--font-family);
  + --typography-caption-letter: -0.171429px;
  + --typography-button-font: 900 1.6rem/1.9rem var(--font-family);
  + --typography-button-letter: -0.228572px;
  +
  + --primary-color: var(--orange-1);
  + --secondary-color: var(--blue-1);
  + --text-color: var(--black);
  +}
  +
  +html {
  + font-size: 10px;
  }
  