/* Hallmark · self-hosted multilingual typography · existing structure preserved */

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

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

@font-face {
  font-family: "Manrope";
  src: url("/assets/fonts/manrope/manrope-800.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

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

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

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

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

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

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

@font-face {
  font-family: "Onest";
  src: url("/assets/fonts/onest/onest-800.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Golos Text";
  src: url("/assets/fonts/golos-text/golos-text-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Golos Text";
  src: url("/assets/fonts/golos-text/golos-text-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Golos Text";
  src: url("/assets/fonts/golos-text/golos-text-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Golos Text";
  src: url("/assets/fonts/golos-text/golos-text-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans SC";
  src: url("/assets/fonts/noto-sans-sc/noto-sans-sc-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans SC";
  src: url("/assets/fonts/noto-sans-sc/noto-sans-sc-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans SC";
  src: url("/assets/fonts/noto-sans-sc/noto-sans-sc-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans SC";
  src: url("/assets/fonts/noto-sans-sc/noto-sans-sc-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

html[lang="en"] {
  --font-heading: "Manrope", Arial, sans-serif;
  --font-body: "Inter", Arial, sans-serif;
  --font-head: var(--font-heading);
  --font-main: var(--font-body);
}

html[lang="ru"] {
  --font-heading: "Onest", Arial, sans-serif;
  --font-body: "Golos Text", Arial, sans-serif;
  --font-head: var(--font-heading);
  --font-main: var(--font-body);
}

html[lang="zh-CN"],
html[lang="zh"] {
  --font-heading: "Noto Sans SC", "Microsoft YaHei", "PingFang SC", sans-serif;
  --font-body: "Noto Sans SC", "Microsoft YaHei", "PingFang SC", sans-serif;
  --font-head: var(--font-heading);
  --font-main: var(--font-body);
}

body {
  font-family: var(--font-body);
  font-weight: 400;
  line-height: 1.65;
}

html[lang] h1,
html[lang] h2,
html[lang] h3,
html[lang] h4,
html[lang] h5,
html[lang] h6,
html[lang] .site-navigation,
html[lang] .main-navigation,
html[lang] .main-nav,
html[lang] .main-nav a,
html[lang] .top-bar,
html[lang] .top-bar a,
html[lang] .lang-btn,
html[lang] .lang-item,
html[lang] button,
html[lang] .btn {
  font-family: var(--font-heading);
}

html[lang] input,
html[lang] select,
html[lang] textarea,
html[lang] table {
  font-family: var(--font-body);
}

html[lang] h1 {
  font-weight: 800;
}

html[lang] h2,
html[lang] h3 {
  font-weight: 700;
}

html[lang] h4,
html[lang] h5,
html[lang] h6,
html[lang] .site-navigation,
html[lang] .main-navigation,
html[lang] .main-nav,
html[lang] .main-nav a,
html[lang] .lang-btn,
html[lang] .lang-item,
html[lang] button,
html[lang] .btn {
  font-weight: 600;
}

html[lang="zh-CN"] h1,
html[lang="zh"] h1 {
  font-weight: 700;
}

html[lang="zh-CN"] h2,
html[lang="zh"] h2 {
  font-weight: 700;
}

html[lang="zh-CN"] h3,
html[lang="zh"] h3 {
  font-weight: 600;
}