@font-face {
  font-family: "Raleway";
  src: url("https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap");
}

:root[data-vp-page-template="toc"] {
  --vpt-theme-header-text-color: midnightblue;
  --vpt-theme-header-background-color: cornflowerblue;
}
:root {
  /* Always use your font with a fallback like serif or sans-serif */
  --vpt-theme-text-font: "Raleway", sans-serif;
  --vpt-theme-text-scale: 1.1
}
toc {
  font-family: "Raleway", Arial, sans-serif;

}

header {
  font-family: "Raleway", Arial, sans-serif;
}
/* Base font styling */
body {
  font-family: "Raleway", Arial, sans-serif;
  color: #858484;
  margin: 0;
  padding: 0;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-family: "Raleway", Arial, sans-serif;
  color: #000;
  margin: 1em 0;
  font-weight: 700; /* Bold for headings */
}

/* Links */
a {
  color: #2f80ed;
  text-decoration: none;
}

a:hover {
  color: #faa629;
}

/* Code blocks */
pre code {
  white-space: pre-wrap;
  background-color: #282d33;
  color: #f8f8f2;
  padding: 8px;
  display: block;
}

/* Blockquotes */
blockquote {
  background-color: #f0f0f0;
  border-left: 4px solid #faa629;
  padding: 10px;
  margin: 1em 0;
}

/* Tables */
table {
  border-collapse: collapse;
  border: 1px solid #faa629;
  width: 100%;
}

th, td {
  padding: 8px;
  border: 1px solid #faa629;
}

th {
  background-color: #f0f0f0;
  color: #282d33;
}