:root {
  --font: Dosis, sans-serif;
  --font-size: 17px;
  --text: rgb(75, 79, 88);
  --muted: rgb(122, 122, 122);
  --bg: rgb(245, 245, 245);
  --bg-alt: rgb(243, 243, 245);
  --white: #fff;
  --navy: #004c79;
  --navy-deep: #003d66;
  --topbar: #c5d3dc;
  --topbar-text: #3d5a6c;
  --accent: #1e73be;
  --container: 1240px;
  --content: 1140px;
  --radius: 12px;
  --wa: #25d366;
}

html {
  font-size: 16px;
}

body {
  margin: 0;
  font-family: var(--font);
  font-size: var(--font-size);
  font-weight: 400;
  color: var(--text);
  background: var(--bg);
  line-height: 1.65;
}

h1, h2, h3 {
  font-weight: 600;
}

img {
  max-width: 100%;
  height: auto;
}

.container {
  width: min(92%, var(--container));
  margin-inline: auto;
}

.content {
  width: min(92%, var(--content));
  margin-inline: auto;
}