@font-face {
  font-family: "Manrope";
  src: url("../../fonts/manrope/Manrope%5Bwght%5D.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 400 800;
}

@font-face {
  font-family: "Inter";
  src: url("../../fonts/inter/Inter-Regular.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "Inter";
  src: url("../../fonts/inter/Inter-Medium.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: "Inter";
  src: url("../../fonts/inter/Inter-SemiBold.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 600;
}

@font-face {
  font-family: "Inter";
  src: url("../../fonts/inter/Inter-Bold.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 700;
}

:root {
  --bkry-font-heading: "Manrope", sans-serif;
  --bkry-font-body: "Inter", sans-serif;
  --bk-font: var(--bkry-font-body);

  --bkry-font-weight-regular: 400;
  --bkry-font-weight-medium: 500;
  --bkry-font-weight-semibold: 600;
  --bkry-font-weight-bold: 700;
  --bkry-font-weight-extrabold: 800;

  --bkry-type-h1-size: 36px;
  --bkry-type-h2-size: 32px;
  --bkry-type-h3-size: 26px;
  --bkry-type-h4-size: 22px;
  --bkry-type-h5-size: 18px;
  --bkry-type-h6-size: 16px;

  --bkry-type-body-lg-size: 20px;
  --bkry-type-body-size: 18px;
  --bkry-type-body-sm-size: 16px;
  --bkry-type-kicker-size: 15px;

  --bkry-type-heading-line-height: 1.05;
  --bkry-type-heading-letter-spacing: 0;
  --bkry-type-body-line-height: 1.7;
  --bkry-type-body-sm-line-height: 1.6;
  --bkry-type-nav-weight: var(--bkry-font-weight-medium);
  --bkry-type-button-weight: var(--bkry-font-weight-semibold);
}

@media (max-width: 1180px) {
  :root {
    --bkry-type-h1-size: 34px;
    --bkry-type-h2-size: 30px;
    --bkry-type-h3-size: 24px;
    --bkry-type-h4-size: 21px;
    --bkry-type-h5-size: 18px;
    --bkry-type-h6-size: 16px;
  }
}

@media (max-width: 760px) {
  :root {
    --bkry-type-h1-size: 32px;
    --bkry-type-h2-size: 28px;
    --bkry-type-h3-size: 24px;
    --bkry-type-h4-size: 20px;
    --bkry-type-h5-size: 18px;
    --bkry-type-h6-size: 16px;
    --bkry-type-body-lg-size: 18px;
    --bkry-type-body-size: 16px;
    --bkry-type-body-sm-size: 15px;
    --bkry-type-kicker-size: 12px;
  }
}

html,
body,
button,
input,
select,
textarea {
  font-family: var(--bkry-font-body);
}

body {
  font-size: var(--bkry-type-body-size);
  font-weight: var(--bkry-font-weight-regular);
  line-height: var(--bkry-type-body-line-height);
}

h1,
h2,
h3,
h4,
h5,
h6,
.uk-h1,
.uk-h2,
.uk-h3,
.uk-h4,
.uk-h5,
.uk-h6,
.uk-heading-small,
.uk-heading-medium,
.uk-heading-large,
.uk-heading-xlarge,
.uk-heading-2xlarge,
.uk-heading-3xlarge,
.bk-flow-title,
.bk-flow-section-title,
.bk-flow-hero-title,
.bk-hero-title,
.bk-cta-title,
.bk-card-title,
.bk-pricing-title,
.bk-modal-title,
.bk-nav-heading {
  font-family: var(--bkry-font-heading);
  font-weight: var(--bkry-font-weight-extrabold);
  letter-spacing: var(--bkry-type-heading-letter-spacing);
}

h1,
.uk-h1,
.bk-flow-hero-title,
.bk-hero-title {
  font-size: var(--bkry-type-h1-size);
  line-height: var(--bkry-type-heading-line-height);
}

h2,
.uk-h2,
.bk-flow-section-title,
.bk-cta-title {
  font-size: var(--bkry-type-h2-size);
  line-height: 1.1;
}

h3,
.uk-h3,
.bk-card-title,
.bk-pricing-title,
.bk-modal-title {
  font-size: var(--bkry-type-h3-size);
  font-weight: var(--bkry-font-weight-bold);
  line-height: 1.14;
}

h4,
.uk-h4 {
  font-size: var(--bkry-type-h4-size);
  font-weight: var(--bkry-font-weight-bold);
  line-height: 1.2;
}

h5,
.uk-h5 {
  font-size: var(--bkry-type-h5-size);
  font-weight: var(--bkry-font-weight-bold);
  line-height: 1.25;
}

h6,
.uk-h6,
.bk-nav-heading {
  font-size: var(--bkry-type-h6-size);
  font-weight: var(--bkry-font-weight-bold);
  line-height: 1.3;
}

p,
li,
dd,
dt,
label,
input,
select,
textarea,
figcaption,
.uk-text-lead,
.bk-body,
.bk-body-default {
  font-family: var(--bkry-font-body);
}

p,
li,
dd,
dt,
label,
.bk-body,
.bk-body-default {
  font-size: var(--bkry-type-body-size);
  font-weight: var(--bkry-font-weight-regular);
  line-height: var(--bkry-type-body-line-height);
}

.uk-text-lead,
.bk-body-large {
  font-size: var(--bkry-type-body-lg-size);
  font-weight: var(--bkry-font-weight-regular);
  line-height: var(--bkry-type-body-line-height);
}

small,
.uk-text-small,
.uk-text-meta,
.bk-body-small {
  font-size: var(--bkry-type-body-sm-size);
  font-weight: var(--bkry-font-weight-regular);
  line-height: var(--bkry-type-body-sm-line-height);
}

a,
button,
.uk-button,
.bkry-btn,
.bk-flow-button,
.bk-flow-nav-link,
.bk-flow-mobile-nav a {
  font-family: var(--bkry-font-body);
}

.uk-button,
.bkry-btn,
.bk-flow-button {
  font-weight: var(--bkry-type-button-weight);
}

.bk-flow-nav-link,
.bk-flow-mobile-nav a,
.uk-navbar-nav > li > a,
.uk-nav > li > a {
  font-weight: var(--bkry-type-nav-weight);
}

.bk-type-heading {
  font-family: var(--bkry-font-heading);
}

.bk-type-body {
  font-family: var(--bkry-font-body);
}

.bk-type-body-large {
  font-size: var(--bkry-type-body-lg-size);
  line-height: var(--bkry-type-body-line-height);
}

.bk-type-body-small {
  font-size: var(--bkry-type-body-sm-size);
  line-height: var(--bkry-type-body-sm-line-height);
}