:root {
  --color-main: #91003C;
  --color-info: #565A75;
  --color-danger: #9A0143;
  --color-active: #1D2035;
  --color-primary: #565A75;
  --color-default: #D9DAE6;
  --color-success: #276749;
  --color-warning: #9C4221;
  --color-secondary: #005777;
  --color-text-active: #1D2035;
  --color-text-primary: #565A75;
  --color-text-regular: #565A75;
  --color-text-secondary: #A8ABC2;
  --color-text-placeholder: #C8C9D6;
}

@font-face {
  font-weight: 400;
  font-style: normal;
  font-family: Rubik;
  src: url('rubik/rubik-regular.eot'); /* IE9 Compat Modes */
  src: url('rubik/rubik-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('rubik/rubik-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('rubik/rubik-regular.woff') format('woff'), /* Pretty Modern Browsers */ url('rubik/rubik-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('rubik/rubik-regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}

.tec-font {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Rubik, Sans-serif !important;
}