/* Local fonts — Marcellus (titles), Manrope (body) */

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

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

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

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

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

:root {
  --font-title: "Marcellus", serif;
  --font-body: "Manrope", sans-serif;
  --bs-font-sans-serif: "Manrope", sans-serif;
}

body {
  font-family: var(--font-body);
}

/* Titles & headings */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.name-title,
.freelancer,
.section-title h2,
.section-title h4,
.section-title-sm h2,
.section-title-overlay-text,
.project-info h2,
.bio-intro,
.bio-section-title,
.experience-content h3,
.experience-content h5,
.ecom-invest-title,
.amp-title,
.language-name,
.study-field,
.cert-title,
.stat-number,
.number-main,
.number-outline-one,
.number-outline-two,
.fun-fact .numbers span,
.experience-card .numbers span,
.modal-body h2,
.modal-body h3,
.modal-body h4,
.navigation .nav-link a,
.navigation ul li > a {
  font-family: var(--font-title) !important;
}

/* Body copy & UI text */
p,
li,
label,
input,
textarea,
select,
button,
.desc,
.bio-modal-body,
.bio-list,
.bio-closing,
.service-list,
.experience-content p,
.experience-content li,
.experience-content ul,
.project-info p,
.project-info .tags,
.header,
.contact-item p,
.amp-desc,
.amp-features,
.testimonial-card .desc,
.testimonial-card h3,
.stat-label,
.region-name,
.region-milestone p,
.footer,
.cookie-banner,
.next-chapter,
.read-more-text,
.process p,
.cert-meta,
.study-institution,
.proficiency,
.service-card h4,
.contact-form h4,
.contact-form h3 {
  font-family: var(--font-body) !important;
}