:root {
  --site-font-family: "Jost", "Segoe UI", sans-serif;
  --site-text-color: #5b667a;
  --site-heading-color: #13233a;
  --site-muted-color: #758197;
  --site-accent-color: #2b3d9e;
  --site-accent-soft: #f50906;
  --site-border-color: rgba(19, 35, 58, 0.1);
  --site-surface-color: #ffffff;
  --site-surface-soft: #f7f4ee;
}

html {
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body,
button,
input,
select,
textarea {
  color: var(--site-text-color);
  font-family: var(--site-font-family) !important;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1.7;
  padding-top: 0 !important;
}

body.route-inner {
  padding-top: 130px !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.section-heading h2,
.section-title h2,
.page-header .page-name,
.general-header h2,
.appstore-general-header h2,
.widget-content h3,
.sidebar-widget h4,
.blog-content h3,
.hero-content h1 {
  color: var(--site-heading-color);
  font-family: var(--site-font-family) !important;
  letter-spacing: -0.03em;
}

h1 {
  font-size: clamp(2.9rem, 5vw, 4.6rem);
  font-weight: 700;
  line-height: 1.02;
}

h2 {
  font-size: clamp(2rem, 3.6vw, 3rem);
  font-weight: 700;
  line-height: 1.08;
}

h3 {
  font-size: clamp(1.35rem, 2vw, 1.7rem);
  font-weight: 600;
  line-height: 1.25;
}

h4 {
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1.45;
}

h5,
h6 {
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.5;
}

p,
li,
label,
.section-heading p,
.widget-content p,
.blog-content p,
.page-header p,
.content-section p {
  font-size: 1rem;
  line-height: 1.75;
}

a,
.default-btn,
.nav-menu li a,
.footer-social a,
.read-more,
.btn,
.action-link {
  font-family: var(--site-font-family) !important;
}

a {
  color: var(--site-accent-color);
}

a:hover {
  color: var(--site-accent-soft);
}

.nav-menu li a {
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

.default-btn,
button,
input[type="button"],
input[type="submit"],
.btn,
.action-link {
  font-weight: 600 !important;
  letter-spacing: 0.01em;
}

.section-heading p,
.section-copy,
.blog-content p,
.widget-content p,
.recent-posts span,
.breadcrumb-item,
.page-path,
.horizontal-post .date,
.horizontal-post .blog-content p {
  color: var(--site-text-color);
}

.section-heading h2,
.section-title h2,
.page-header .page-name,
.general-header h2,
.appstore-general-header h2 {
  margin-bottom: 0.75rem;
}

.widget-content h3,
.sidebar-widget h4 {
  font-size: 1.25rem;
  font-weight: 600;
}

.left-info a,
.right-info a,
.footer-social a,
.widget-link a,
.address li,
.address a {
  font-size: 0.95rem;
}

input::placeholder,
textarea::placeholder {
  color: var(--site-muted-color);
  font-family: var(--site-font-family);
}

@media (max-width: 767px) {
  body.route-inner {
    padding-top: 86px !important;
  }
}