:root {
  --font-serif: Georgia, serif;
  --font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

body {
  font-family: var(--font-sans);
  background-color: #FAF9F3;
  color: #365D68;
}

h1, h2, h3, h4, h5, h6, .font-serif {
  font-family: var(--font-serif);
}

.focus-ring {
  outline: none;
}

.focus-ring:focus-visible {
  box-shadow: 0 0 0 2px #FAF9F3, 0 0 0 4px #365D68;
}

.focus-ring-inverse {
  outline: none;
}

.focus-ring-inverse:focus-visible {
  box-shadow: 0 0 0 2px #365D68, 0 0 0 4px #FAF9F3;
}