/*import*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root {
  /*Fonts*/
  --theme-text-2: #000;
  --theme-text-1: #000;
  --theme-font-family: "Roboto", sans-serif;
  /*Navbar Colors*/
  --ob-nav-text-color: #000;
  --ob-nav-bg-color: #fff;
  /*color primary*/
  --theme-primary-50: #E0E0E0;
  --theme-primary-100: #B3B3B3;
  --theme-primary-200: #808080;
  --theme-primary-300: #4D4D4D;
  --theme-primary-400: #262626;
  --theme-primary-500: #000000;
  --theme-primary-600: #000000;
  --theme-primary-700: #000000;
  --theme-primary-800: #000000;
  --theme-primary-900: #000000;
  --theme-primary-A100: #666666;
  --theme-primary-A200: #333333;
  --theme-primary-A400: #1A1A1A;
  --theme-primary-A700: #0D0D0D;

  --theme-primary-50-contrast: #000000;
  --theme-primary-100-contrast: #000000;
  --theme-primary-200-contrast: #FFFFFF;
  --theme-primary-300-contrast: #FFFFFF;
  --theme-primary-400-contrast: #FFFFFF;
  --theme-primary-500-contrast: #FFFFFF;
  --theme-primary-600-contrast: #FFFFFF;
  --theme-primary-700-contrast: #FFFFFF;
  --theme-primary-800-contrast: #FFFFFF;
  --theme-primary-900-contrast: #FFFFFF;
  --theme-primary-A100-contrast: #FFFFFF;
  --theme-primary-A200-contrast: #FFFFFF;
  --theme-primary-A400-contrast: #FFFFFF;
  --theme-primary-A700-contrast: #FFFFFF;

}