@font-face {
  font-family: "FuturaWeb";
  src:
    local("Futura PT"),
    local("FuturaPT"),
    url("/fonts/futura-pt-book.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "FuturaWeb";
  src:
    local("Futura PT Medium"),
    local("Futura PT Demi"),
    url("/fonts/futura-pt-medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "FuturaWeb";
  src:
    local("Futura PT Bold"),
    local("Futura Bold"),
    url("/fonts/futura-pt-bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "FuturaWeb";
  src:
    local("Futura PT Extra Bold"),
    local("Futura Extra Bold"),
    url("/fonts/futura-pt-extrabold.woff2") format("woff2");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}

/* ---------- Local alias for Futura / Futura PT ---------- */
@font-face {
  font-family: "FuturaLocal";
  src:
    local("Futura PT"),
    local("FuturaPT"),
    local("Futura PT Book"),
    local("Futura PT Medium"),
    local("Futura PT Demi"),
    local("Futura PT Bold"),
    local("Futura"),
    local("Futura Medium"),
    local("Futura Bold"),
    local("Tw Cen MT"),
    local("Century Gothic"),
    local("URW Gothic");
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
}

/* ---------- Design tokens ---------- */
:root{
  --font-logo:
    "Poppins",
    "Manrope",
    "Nunito Sans",
    "Inter",
    "Noto Sans",
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    Arial,
    sans-serif;

  --font-h1:
    "FuturaWeb",
    "FuturaLocal",
    "Poppins",
    "Manrope",
    "Nunito Sans",
    "Inter",
    "Noto Sans",
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    Arial,
    sans-serif;

  --font-h2:
    "Manrope",
    "Nunito Sans",
    "Poppins",
    "Inter",
    "Noto Sans",
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    Arial,
    sans-serif;

  --font-h3:
    "Nunito Sans",
    "Manrope",
    "Poppins",
    "Inter",
    "Noto Sans",
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    Arial,
    sans-serif;

  --font-body:
    "Inter",
    "Noto Sans",
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    Arial,
    sans-serif;

  --font-ui:
    "Inter",
    "Manrope",
    "Nunito Sans",
    "Noto Sans",
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    Arial,
    sans-serif;

  --text: #111827;
  --muted: #4b5563;
  --bg: #ffffff;
  --brand: #0866ff;
  --brand-dark: #0652cc;
}

/* ---------- Base ---------- */
html{
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body{
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-body);
  font-weight: 400;
  /*line-height: 1.72;*/
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ---------- Logo ---------- */
.logo,
.brand,
.site-title{
  font-family: var(--font-logo);
  font-weight: 700;
  letter-spacing: -0.03em;
  /*line-height: 1;*/
}

/* ---------- Headings ---------- */
h1{
  font-family: var(--font-h1);
  font-weight: 700;
  letter-spacing: -0.045em;
  /*line-height: 1.03;*/
  /*margin: 0 0 0.55em;*/
  /*font-size: clamp(2.4rem, 6vw, 5.2rem);*/
}

h2{
  font-family: var(--font-h2);
  font-weight: 700;
  letter-spacing: -0.03em;
  /*line-height: 1.08;*/
  /*margin: 0 0 0.6em;*/
  /*font-size: clamp(1.8rem, 4vw, 3rem);*/
}

h3{
  font-family: var(--font-h3);
  font-weight: 700;
  letter-spacing: -0.025em;
  /*line-height: 1.12;*/
  /*margin: 0 0 0.65em;*/
  /*font-size: clamp(1.4rem, 2.6vw, 2.1rem);*/
}

h4,h5,h6{
  font-family: var(--font-ui);
  font-weight: 700;
  letter-spacing: -0.02em;
  /*line-height: 1.18;*/
}

/* ---------- Paragraphs ---------- */
p,
li,
blockquote,
figcaption{
  font-family: var(--font-body);
  font-weight: 400;
  /*line-height: 1.78;*/
  color: var(--muted);
}

strong,b{
  font-weight: 700;
  color: var(--text);
}

/* ---------- UI ---------- */
nav,
.menu,
.header,
.button,
.btn,
input,
textarea,
select{
  font-family: var(--font-ui);
}

button,
.button,
.btn,
input[type="submit"],
input[type="button"]{
  font-family: var(--font-ui);
  font-weight: 600;
  letter-spacing: -0.01em;
}

/* ---------- Better matching for languages ---------- */
:lang(he) body,
html[lang="he"] body{
  font-family: "Noto Sans", system-ui, sans-serif;
}

:lang(he) h1,
html[lang="he"] h1{
  font-family:
    "Noto Sans",
    "Manrope",
    "Nunito Sans",
    "Inter",
    sans-serif;
  font-weight: 700;
  letter-spacing: 0;
  /*line-height: 1.12;*/
}

:lang(he) h2,
html[lang="he"] h2{
  font-family:
    "Noto Sans",
    "Manrope",
    "Nunito Sans",
    "Inter",
    sans-serif;
  font-weight: 700;
  letter-spacing: 0;
}

:lang(he) h3,
html[lang="he"] h3{
  font-family:
    "Noto Sans",
    "Nunito Sans",
    "Manrope",
    "Inter",
    sans-serif;
  font-weight: 700;
  letter-spacing: 0;
}

:lang(ru) body,
html[lang="ru"] body{
  font-family:
    "Inter",
    "Noto Sans",
    system-ui,
    sans-serif;
}

:lang(ru) h1,
html[lang="ru"] h1{
  font-family:
    "FuturaLocal",
    "Manrope",
    "Nunito Sans",
    "Inter",
    "Noto Sans",
    sans-serif;
}

:lang(ru) h2,
html[lang="ru"] h2{
  font-family:
    "Manrope",
    "Nunito Sans",
    "Inter",
    "Noto Sans",
    sans-serif;
}

:lang(ru) h3,
html[lang="ru"] h3{
  font-family:
    "Nunito Sans",
    "Manrope",
    "Inter",
    "Noto Sans",
    sans-serif;
}

:lang(ar),
:lang(ja),
:lang(ko),
:lang(zh),
:lang(th),
:lang(hi){
  font-family: "Noto Sans", system-ui, sans-serif;
}

:lang(ar) h1, :lang(ar) h2, :lang(ar) h3,
:lang(ja) h1, :lang(ja) h2, :lang(ja) h3,
:lang(ko) h1, :lang(ko) h2, :lang(ko) h3,
:lang(zh) h1, :lang(zh) h2, :lang(zh) h3,
:lang(th) h1, :lang(th) h2, :lang(th) h3,
:lang(hi) h1, :lang(hi) h2, :lang(hi) h3{
  font-family: "Noto Sans", system-ui, sans-serif;
  letter-spacing: 0;
}

/* ---------- Optional harmonizing ---------- */
h1{
  font-size-adjust: 0.52;
}

@media (max-width: 640px){
  body{ line-height: 1.8; }
  h1{ line-height: 1.06; }
  h2{ line-height: 1.1; }
}