@import './fonts.css';

:root {
  --header-height: 60px;
  
  --separator: #e6e6e6;

  --primary-color: #0168fa;

  --border-radius: .25rem;

	--link-color: #1b2e4b;
	
	/*font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;*/
}

*,
*::after,
*::before {
  outline: 0;
  box-sizing: border-box;
}

html {
	/*width: 100%;
	height: 100%;
	position: relative;*/
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  margin: 0;
  color: #001737;
  text-align: left;
  line-height: 1.5;
  font-weight: 400;
  font-size: 0.875rem;
  font-family: "IBM Plex Sans", sans-serif;
}

a {
	color: inherit;
	text-decoration: none;
  background-color: transparent;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

p {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

/* end globals ============================================== */

.scrollable {
  overflow-y: auto;
  scrollbar-width: thin;
}

.no-scrollbar {
  scrollbar-width: none;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.flex {
  display: flex;
}

.flex-grow {
  flex-grow: 1;
}

.flex-row {
  flex-direction: row;
}

.flex-column {
  flex-direction: column;
}

/* end utils ================================================ */