добавил шрифты ростелекома

front/src/fonts/fonts.css

@@ -0,0 +1,31 @@
+@font-face {
+  font-family: 'YourFont';
+  src: url('./RostelecomBasis-Regular.otf') format('opentype');
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'YourFont';
+  src: url('./RostelecomBasis-Bold.otf') format('opentype');
+  font-weight: bold;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'YourFont';
+  src: url('./RostelecomBasis-Light.otf') format('opentype');
+  font-weight: lighter;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'YourFont';
+  src: url('./RostelecomBasis-Medium.otf') format('opentype');
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+}

front/src/index.css

@@ -1,7 +1,5 @@
 :root {
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
-    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-    sans-serif;
+  font-family: 'YourFont', sans-serif;
   line-height: 1.5;
   font-weight: 400;
 
@@ -14,8 +12,9 @@
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 
-  --purple: 7700FF
-  --black
+  --purple: #7700ff;
+  --black: #101828;
+  --orange: #ff4f12;
 }
 
 #root {

front/src/main.tsx

@@ -5,6 +5,7 @@ import { BrowserRouter } from 'react-router'
 import AppRoutes from './app/routes.tsx'
 import { Provider } from 'react-redux'
 import { store } from './app/store.ts'
+import './fonts/fonts.css'
 
 createRoot(document.getElementById('root')!).render(
   <StrictMode>

front/src/pages/LoginPage/LoginPage.css

@@ -4,7 +4,6 @@
   align-items: center;
   justify-content: center;
   padding: 20px;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
 }
 
 .login-logo {