@font-face {
  font-family: Roobert;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("https://www.yugabyte.com/wp-content/themes/yugabyte/assets/font/Roobert-Medium.woff2") format("woff2")
}

@font-face {
  font-family: Roobert;
  font-style: normal;
  font-weight: 600;
  font-display:swap;
  src: url("https://www.yugabyte.com/wp-content/themes/yugabyte/assets/font/Roobert-SemiBold.woff2") format("woff2")
}

@font-face {
  font-family: Roobert;
  font-style: normal;
  font-weight:900;
  font-display: swap;
  src: url("https://www.yugabyte.com/wp-content/themes/yugabyte/assets/font/Roobert-Heavy.woff2") format("woff2")
}

@font-face {
  font-family: Roobert;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("https://www.yugabyte.com/wp-content/themes/yugabyte/assets/font/Roobert-Light.woff2") format("woff2")
}

@font-face {
  font-family: Roobert;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://www.yugabyte.com/wp-content/themes/yugabyte/assets/font/Roobert-Bold.woff2") format("woff2");
}

:root {
	--grayscale-black: rgba(18, 16, 23, 1);
	--primary-orange: rgba(255, 95, 59, 1);
	--primary-orange-hover: #c5472a;
	--primary-purple: rgba(115, 90, 245, 1);
	--accent-teal: #2aebf8;
	--grayscale-gray-1: #f5f5f7;
	--grayscale-gray-3: #e5e4eb;
	--grayscale-gray-4: #d7d5de;
	--grayscale-gray-5: #c2c0cc;
	--grayscale-gray-6: #b1aebd;
	--grayscale-gray-8: #797587;
	--grayscale-gray-10: #494655;
	--grayscale-gray-11: #282532;
	--grayscale-gray-12: #1d1b26;
	--grayscale-white-20: rgb(255 255 255 / 20%);
	--grayscale-white-40: rgb(255 255 255 / 40%);
}

h1,
h2 {
  font-family: Roobert, sans-serif;

	font-size: 72px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: -1.44px;
	text-transform: none;
}

h3 {
  font-family: Roobert, sans-serif;

	font-size: 48px;
	font-style: normal;
	font-weight: 500;
	line-height: 56px;
	letter-spacing: -0.96px;
  text-transform: none;
}

h4 {
  font-family: Roobert, sans-serif;

	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px;
	letter-spacing: -1.44px;
	text-transform: none;
}

p {
  font-family: Roobert, sans-serif;

  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
}

.yb-sec * {
  box-sizing: border-box;
  color: var(--grayscale-black);
  font-family: 'Inter', sans-serif;
}

.yb-sec .section-head,
.yb--link,
.yb--link-white,
.yb--link-black,
.cta-full-single span,
.cta-full-single.cta-purple > div a,
.yb--button-orange {
  font-family: Roobert, sans-serif;
}
}