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

    :root {
      /*Fonts*/
      --theme-font-family: "Roboto", serif;
      /*Navbar Colors*/
      --ob-nav-text-color: #000000;
      --ob-nav-bg-color: #FFFFFF;
      /*Primary color*/
      --theme-primary-50: #f7d0d0;
      --theme-primary-100: #f1a3a3;
      --theme-primary-200: #ea7676;
      --theme-primary-300: #e54a4a;
      --theme-primary-400: #e22626;
      --theme-primary-500: #e5221e;
      --theme-primary-600: #c51f1b;
      --theme-primary-700: #a01b18;
      --theme-primary-800: #861718;
      --theme-primary-900: #6c1414;
      --theme-primary-A100: #ff736b;
      --theme-primary-A200: #ff4a42;
      --theme-primary-A400: #f11f1f;
      --theme-primary-A700: #d11b1a;
      /*Contrast*/
      --theme-primary-contrast-50: #9c0000;
      --theme-primary-contrast-100: #7d0000;
      --theme-primary-contrast-200: #630000;
      --theme-primary-contrast-300: #FFFFFF;
      --theme-primary-contrast-400: #FFFFFF;
      --theme-primary-contrast-500: #FFFFFF;
      --theme-primary-contrast-600: #FFFFFF;
      --theme-primary-contrast-700: #FFFFFF;
      --theme-primary-contrast-800: #FFFFFF;
      --theme-primary-contrast-900: #FFFFFF;
      --theme-primary-contrast-A100: #FFFFFF;
      --theme-primary-contrast-A200: #FFFFFF;
      --theme-primary-contrast-A400: #FFFFFF;
      --theme-primary-contrast-A700: #FFFFFF;
    }