/*
:root {
  --documenttitle: #660000;
  --bodytitle: #8e0a0c; 
  --bodysubtitle: #A62E1C;
  --bodytitlehighlight: #eeeff3;  
  --bodysubtitlehighlight: #fce5e4;  

  --chaptertoc: #6d8899;
  --chaptertoctext: white;
  --chaptertocactive: var(--documenttitle);   
  --chaptertoctextactive: white;
  --sectiontoc: white;   
  --sectiontoctext: #6f080b;
  --sectiontocactive: var(--documenttitle);   
  --sectiontoctextactive: white;
  --tocborder: #152f53;

  --highlighttoc: #330000;   
  --highlighttoctext: white;
  --highlighttocborder: var(--chaptertoc);

  --videoplay: var(--bodytitle);
  --assemblageborder: #1100aa;
  --assemblagebackground: #f5f8ff;

  --knowlborder: var(--bodytitlehighlight);
  --knowlbackground: var(--assemblagebackground);
}
*/


:root {
/* Colors for titles */
--chaptertitle: var(--documenttitle);
--sectiontitle: var(--documenttitle);
--subsectiontitle: var(--documenttitle);

/* Set colors for blocks */

  --bordercolor: var(--documenttitle);
  --listbackground: #d0ccbd; /*neutral1*/
  --insightbackground: #d0c681; /*muted2*/
  --conventionbackground: #b1a77d; /*muted3*/
  --notebackground: #93a396; /*muted4*/
  --examplebackground: #a2bac2; /*muted5*/
  --warningbackground: #b4bd00; /*bright4*/
  --observationbackground: #48848d; /*bright6*/
}


/* Headings: */

.pretext-content section.chapter h2.heading {
  color: var(--chaptertitle);
}

.pretext-content section.chapter h2.heading .title {
  display:block;
  font-size:larger;
  margin-top: 5pt;
}

.pretext-content section.section h2.heading {
  color: var(--sectiontitle);
  border-top: 1pt solid;
  border-bottom: 1pt solid;
  margin-bottom: 20pt;
  width: 100%;
}
.pretext-content section.subsection h2.heading {
  color: var(--subsectiontitle);
  border-bottom: 1pt solid;
  margin-bottom: 20pt;
  width: 90%;
}

/* frontmatter headings: */
.pretext-content section.frontmatter h2.heading {
  color: var(--chaptertitle);
  font-size:2em;
}

.pretext-content section.preface h2.heading, 
.pretext-content section.acknowledgement h2.heading, 
.pretext-content section.colophon h2.heading {
  color: var(--chaptertitle);
  margin-bottom: 15pt;
  font-size: 1.75em;
}

.pretext-content section.preface h2.heading .title {
  display:block;
  font-size:larger;
}

/* Blocks: */

/* set background colors */
.pretext-content .list {
  background-color: var(--listbackground);
}
.pretext-content .insight {
  background-color: var(--insightbackground);
}
.pretext-content .convention {
  background-color: var(--conventionbackground);
}
.pretext-content .note {
  background-color: var(--notebackground);
}
.pretext-content .example {
  background-color: var(--examplebackground);
}
.pretext-content .warning {
  background-color: var(--warningbackground);
}
.pretext-content .observation {
  background-color: var(--observationbackground);
}

/* set titles and borders */
.pretext-content .remark-like,
.pretext-content .example-like,
.pretext-content .list {
    padding: 1em;
    border-radius: 10px;
    margin-bottom: 1em;
    border: 2px solid var(--bordercolor);
}

.pretext-content .example-like .example-like {
    padding: 0;
    margin: 0;
    border: none;
    background: inherit;
}


/* override list margins */
.pretext-content .list {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.pretext-content .remark-like .heading,
/* .pretext-content .example-like .heading, */
.pretext-content .list figcaption {
  display: block;
  margin-top: -0.5em !important;
  padding-bottom: 1em;
  font-size: large; /*sets font caption size to match h6*/
}