:root, [data-theme=light] {
  --font-serif: Georgia, Times, 'Times New Roman', serif;
  --font-sans-serif: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; 
  --font-monospace: Roboto, "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --font-size: 0.9rem;
  --font-weight: 400;
  --line-height: 1;

  --body-bg: #fff;
  --body-color: #333;

  --red: #f13e27;
  --orange: #e98f5b;
  --green: #5eba59;
  --blue: #1e3b7e;
  --secondary: #3b3e3b;
  --tertiary: #292b29;

  --border-color: #3b3e3b;
}
[data-theme=dark] {
  --body-bg: #131726;
  --body-color: #eee;
}
.btn-outline-blue {
  border:1px solid var(--blue);
  background-color: #fff;
  color: var(--blue);
}
.btn-outline-blue:hover {
  background-color: var(--blue);
  color: #fff;
}

.red {color:var(--red)}
.orange {color:var(--orange)}
.green {color:var(--green)}
.blue {color:var(--blue)}
.secondary {color:var(--secondary)}
.tertiary {color:var(--tertiary)}
body {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  line-height: var(--line-height);
  background-color: var(--body-bg);
  color: var(--body-color);
  margin: 0;
  padding: 0;
  transition:all 0.5s ease;
}
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-serif);
  font-weight: bold;
  color: var(--blue);
}
p {
  /* max-width: 460px; */
  font-family: var(--font-serif);
  line-height: 1.3;
  word-spacing: 1.2;
}
li {
  line-height: 1.3;
}
a.navbar-brand {
  font-family: var(--font-serif);
  font-weight: bold;
  color: var(--blue);
}
a.navbar-brand:hover {
  color: var(--blue);
}
.nav-item a.nav-link {color: var(--blue); font-weight: bold;}
.nav-item a.nav-link:hover {
  color: var(--red);
  transition: 0.5s ease;
}
img.logo {height: 32px}
footer img.logo {height: 64px}
footer li {
  line-height: 1;
}