body .notes {
  color: #797979ff !important;
}


/* ============================================================
   Spatial Statistics — colour theme
   ============================================================ */

:root {
  --petrol-dark: #002b22;
  --petrol: #217867;
  --teal: #2ca089;
  --mint: #afe9dd;

  --uu-yellow: #ffcd00;

  --code-purple: #6b3f72;
  --code-background: #f3f5f4;

  --question-orange: #c47a00;
  --info-blue: #397a91;
}


/* ------------------------------------------------------------
   General text and headings
   ------------------------------------------------------------ */

body {
  color: #222222;
  font-family: "Open Sans", Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--petrol-dark);
}

h1,
h2,  
h3 {
  font-family: "Merriweather", Georgia, serif;
  color: var(--petrol-dark);
}

h2 {
  font-size: 32px;
}


/* ------------------------------------------------------------
   Links
   ------------------------------------------------------------ */

a {
  color: var(--petrol);
}

a:hover {
  color: var(--teal);
}


/* ------------------------------------------------------------
   Inline code
   ------------------------------------------------------------ */

code {
  color: var(--code-purple);
  background-color: var(--code-background);
}


/* ============================================================
   Callouts
   ============================================================ */

/* TIP — tasks for students  */
.callout.callout-style-default.callout-tip {
  border-left-color: var(--petrol) !important;
}

/* this did not work */
.callout-tip .callout-icon::before {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='%23217867' d='M2 6a6 6 0 1 1 10.174 4.31c-.203.196-.359.4-.453.619l-.762 1.769A.5.5 0 0 1 10.5 13a.5.5 0 0 1 0 1 .5.5 0 0 1 0 1l-.224.447a1 1 0 0 1-.894.553H6.618a1 1 0 0 1-.894-.553L5.5 15a.5.5 0 0 1 0-1 .5.5 0 0 1 0-1 .5.5 0 0 1-.46-.302l-.761-1.77a1.964 1.964 0 0 0-.453-.618A5.984 5.984 0 0 1 2 6zm6-5a5 5 0 0 0-3.479 8.592c.263.254.514.564.676.941L5.83 12h4.342l.632-1.467c.162-.377.413-.687.676-.941A5 5 0 0 0 8 1z'/></svg>");
}

.callout-tip {
  --bs-success: #217867;
  --bs-success-rgb: 33, 120, 103;
}

.callout-tip .callout-header {
  background-color: #eef7f4 !important;
  color: var(--petrol-dark) !important;
}


/* CAUTION — questions to answer */
.callout.callout-style-default.callout-caution {
  border-left-color: #925c00 !important;
}

.callout-caution .callout-header {
  background-color: #fff7e8  !important;
  color: #925c00 !important;
}


/* NOTE — information */
.callout.callout-style-default.callout-note {
  border-left-color: #286579 !important;
}

.callout-note .callout-header {
  background-color: #eef6f8  !important;
  color: var(--info-blue) !important;
}



/* ============================================================
   Table of contents
   ============================================================ */


/* Right-hand page TOC */

#TOC a {
  color: var(--petrol) !important;
}

#TOC a:hover {
  color: var(--teal) !important;
}


/* Active item: colour only, don't change weight  */

#TOC a.active {
  color: var(--petrol-dark) !important;
}


/* Left-hand book navigation */

.sidebar-navigation a,
.sidebar-item a {
  color: var(--petrol) !important;
}

.sidebar-navigation a:hover,
.sidebar-item a:hover {
  color: var(--teal) !important;
}

#TOC .nav-link.active,
#TOC .nav-link.active:focus,
#TOC .nav-link.active:hover {
  color: var(--petrol-dark) !important;
  border-color: var(--teal) !important;
}


/* ============================================================
   Previous / next chapter navigation
   ============================================================ */

.pagination-link {
  color: var(--petrol) !important;
}

.pagination-link:hover {
  color: var(--teal) !important;
}

.pagination-link .pagination-title {
  color: inherit !important;
}


.pagination-link svg {
  color: inherit !important;
  fill: currentColor;
}