/* ── Signika · Sans-serif humanist · Body / Navigation ── */
@font-face{
  src: url("fonts/Signika/Signika-Light.ttf");
  font-family: "Signika";
  font-weight: 300;
}
@font-face{
  src: url("fonts/Signika/Signika-Regular.ttf");
  font-family: "Signika";
  font-weight: 400;
}
@font-face{
  src: url("fonts/Signika/Signika-Medium.ttf");
  font-family: "Signika";
  font-weight: 500;
}
@font-face{
  src: url("fonts/Signika/Signika-SemiBold.ttf");
  font-family: "Signika";
  font-weight: 600;
}
@font-face{
  src: url("fonts/Signika/Signika-Bold.ttf");
  font-family: "Signika";
  font-weight: 700;
}

/* ── Arvo · Slab serif · Titles / Branding ── */
@font-face{
  src: url("fonts/Arvo/Arvo-Regular.ttf");
  font-family: "Arvo";
  font-weight: 400;
}
@font-face{
  src: url("fonts/Arvo/Arvo-Italic.ttf");
  font-family: "Arvo";
  font-weight: 400;
  font-style: italic;
}
@font-face{
  src: url("fonts/Arvo/Arvo-Bold.ttf");
  font-family: "Arvo";
  font-weight: 700;
}
@font-face{
  src: url("fonts/Arvo/Arvo-BoldItalic.ttf");
  font-family: "Arvo";
  font-weight: 700;
  font-style: italic;
}

/* ── Montserrat · Sans-serif geometric · Accents / UI ── */
@font-face{
  src: url("fonts/Montserrat/Montserrat-VariableFont_wght.ttf");
  font-family: "Montserrat";
  font-weight: 100 900;
}

body {
  font-family: "Signika", ui-sans-serif, system-ui, sans-serif;
}

header, nav {
  font-weight: bold;
}

html {
  font-size: medium;
}

#app>header {
  font-size: 1.5rem;
}

#logo span {
  font-style: italic;
}

nav ul {
  list-style: none;
}

#about ul {
  list-style-type: "\1F54F";
  /*list-style-type: "\2713";*/
}

#services h4 {
  font-size: larger;
}

section header {
  font-size: smaller;
}

#client button, #contact button {
  font-weight: bold;
  font-size: larger;
}