@font-face {
  font-family: "Geist";
  src: url("fonts/Geist-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: block;
}

@font-face {
  font-family: "Estedad";
  src: url("fonts/Estedad-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: block;
}

@font-face {
  font-family: "Inter";
  src: url("fonts/Inter-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: block;
}

@font-face {
  font-family: "Albert Sans";
  src: url("fonts/AlbertSans-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: block;
}

@font-face {
  font-family: "DM Sans";
  src: url("fonts/DMSans-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: block;
}

@font-face {
  font-family: "Onest";
  src: url("fonts/Onest-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: block;
}

@font-face {
  font-family: "Manrope";
  src: url("fonts/Manrope-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 200 800;
  font-display: block;
}

@font-face {
  font-family: "Momo Trust Sans";
  src: url("fonts/MomoTrustSans-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: block;
}

@font-face {
  font-family: "Work Sans";
  src: url("fonts/WorkSans-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: block;
}

@font-face {
  font-family: "Figtree";
  src: url("fonts/Figtree-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: block;
}

@font-face {
  font-family: "Archivo";
  src: url("fonts/Archivo-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: block;
}

:root {
  --app-font-family: "Manrope", sans-serif;
}

/* The product wordmark is fixed brand typography, not an interface-font choice. */
.brand,
.brand > span,
.platform-brand,
.platform-brand > strong,
.site-brand,
.site-brand > span,
.blog-brand,
.blog-brand > span {
  font-family: "Manrope", sans-serif !important;
  font-weight: 650 !important;
}

html {
  -webkit-tap-highlight-color: transparent;
}

html[data-interface-font="geist"] {
  --app-font-family: "Geist", sans-serif;
}

html[data-interface-font="estedad"] {
  --app-font-family: "Estedad", sans-serif;
}

html[data-interface-font="inter"] {
  --app-font-family: "Inter", sans-serif;
}

html[data-interface-font="albert-sans"] {
  --app-font-family: "Albert Sans", sans-serif;
}

html[data-interface-font="dm-sans"] {
  --app-font-family: "DM Sans", sans-serif;
}

html[data-interface-font="onest"] {
  --app-font-family: "Onest", sans-serif;
}

html[data-interface-font="manrope"] {
  --app-font-family: "Manrope", sans-serif;
}

html[data-interface-font="momo-trust-sans"] {
  --app-font-family: "Momo Trust Sans", sans-serif;
}

html[data-interface-font="work-sans"] {
  --app-font-family: "Work Sans", sans-serif;
}

html[data-interface-font="figtree"] {
  --app-font-family: "Figtree", sans-serif;
}

html[data-interface-font="archivo"] {
  --app-font-family: "Archivo", sans-serif;
}

/* ExactMark presentation identity: use the authored mark for each interface theme. */
.brand-logo-light { display: none !important; }
html[data-theme="light"] .brand-logo-dark { display: none !important; }
html[data-theme="light"] .brand-logo-light { display: block !important; }

:where(h1, h2, h3, h4, h5, h6, strong, b, th) {
  font-weight: 600;
}