:root {
  --code-max-height: 60rem;

  --header-font-family: "Gotham";
  --body-font-family: "GothamSSm-Book";
}

/* Light mode theming */
:root,
:root[color-theme="light"] {
  --header-background: #37561a;
  --header-font-color: #ffffff;

  --body-background: #ffffff;
  --body-font-color: #333333;

  --mark-color: #ffab00;

  --button-background: #37561a;
  --button-border-color: #37561a;

  --link-color: #294113;
  --link-color-visited: #294113;

  --code-background: #1c1c1c;
  --code-accent-color: #e3e7eb;
  --code-accent-color-lite: #eff1f3;
  --code-font-color: #b2b2b2;

  --code-copy-background: #f5f6f8;
  --code-copy-font-color: #333333;
  --code-copy-border-color: #adb4bc;
  --code-copy-success-color: #37561a;

  --accent-color: #e9ecef;
  --accent-color-lite: #f8f9fa;

  --control-icons: #b2bac1;

  --footer-background: #ffffff;
  --footer-font-color: #294113;
  --footer-link-color: #294113;
  --footer-link-color-visited: #294113;
}
@media (prefers-color-scheme: light) {
  :root {
    --header-background: #37561a;
    --header-font-color: #ffffff;

    --body-background: #ffffff;
    --body-font-color: #333333;

    --mark-color: #ffab00;

    --button-background: #37561a;
    --button-border-color: #37561a;

    --link-color: #294113;
    --link-color-visited: #294113;

    --code-background: #1c1c1c;
    --code-accent-color: #e3e7eb;
    --code-accent-color-lite: #eff1f3;
    --code-font-color: #b2b2b2;

    --code-copy-background: #f5f6f8;
    --code-copy-font-color: #333333;
    --code-copy-border-color: #adb4bc;
    --code-copy-success-color: #37561a;

    --accent-color: #e9ecef;
    --accent-color-lite: #f8f9fa;

    --control-icons: #b2bac1;

    --footer-background: #ffffff;
    --footer-font-color: #294113;
    --footer-link-color: #294113;
    --footer-link-color-visited: #294113;
  }
}

/* Dark mode theming */
:root[color-theme="dark"] {
  --header-background: #37561a;
  --header-font-color: #ffffff;

  --body-background: #ffffff;
  --body-font-color: #333333;

  --mark-color: #ffab00;

  --button-background: #37561a;
  --button-border-color: #37561a;

  --link-color: #294113;
  --link-color-visited: #294113;

  --code-background: #1c1c1c;
  --code-accent-color: #e3e7eb;
  --code-accent-color-lite: #eff1f3;
  --code-font-color: #b2b2b2;

  --code-copy-background: #f5f6f8;
  --code-copy-font-color: #333333;
  --code-copy-border-color: #adb4bc;
  --code-copy-success-color: #37561a;

  --accent-color: #e9ecef;
  --accent-color-lite: #f8f9fa;

  --control-icons: #b2bac1;

  --footer-background: #ffffff;
  --footer-font-color: #294113;
  --footer-link-color: #294113;
  --footer-link-color-visited: #294113;
}
@media (prefers-color-scheme: dark) {
  :root {
    --header-background: #37561a;
    --header-font-color: #ffffff;

    --body-background: #ffffff;
    --body-font-color: #333333;

    --mark-color: #ffab00;

    --button-background: #37561a;
    --button-border-color: #37561a;

    --link-color: #294113;
    --link-color-visited: #294113;

    --code-background: #1c1c1c;
    --code-accent-color: #e3e7eb;
    --code-accent-color-lite: #eff1f3;
    --code-font-color: #b2b2b2;

    --code-copy-background: #f5f6f8;
    --code-copy-font-color: #333333;
    --code-copy-border-color: #adb4bc;
    --code-copy-success-color: #37561a;

    --accent-color: #e9ecef;
    --accent-color-lite: #f8f9fa;

    --control-icons: #b2bac1;

    --footer-background: #ffffff;
    --footer-font-color: #294113;
    --footer-link-color: #294113;
    --footer-link-color-visited: #294113;
  }
}

@font-face{
    font-family: "GothamSSm-Book";
    src: url("fonts/GothamSSm-Book.eot");
    src: url("fonts/GothamSSm-Book.eot?#iefix")format("embedded-opentype"),
        url("fonts/GothamSSm-Book.woff2")format("woff2");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
    font-kerning: normal;
}
 
@font-face{
    font-family: "GothamSSm-Book";
    src: url("fonts/GothamSSm-BookItalic.eot");
    src: url("fonts/GothamSSm-BookItalic.eot?#iefix")format("embedded-opentype"),
        url("fonts/GothamSSm-BookItalic.woff2")format("woff2");
    font-weight:normal;
    font-style:italic;
    font-display:swap;
    font-kerning: normal;
}

@font-face{
    font-family: "Gotham";
    src: url("fonts/Gotham.eot");
    src: url("fonts/Gotham.eot?#iefix")format("embedded-opentype"),
        url("fonts/Gotham.woff2")format("woff2");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}

header.gdoc-header {
  border-bottom-width: 0px;
}

header.gdoc-header > div.container {
  margin-left: 0rem;
  margin-right: 0rem;
  max-width: 100%;
}

main.container {
  padding-top: 0rem;
  padding-left: 0rem;
  margin-left: 0rem;
}

h1,h2,h3 {
  font-family: var(--header-font-family);
}

h2 {
  margin-top: 4rem;
}

a {
  text-underline-offset: 0.1rem !important;
}

aside.gdoc-nav {
  background-color: var(--header-background);
  color: var(--header-font-color);
  padding-left: 1rem;
}

aside.gdoc-nav > nav {
  background-color: var(--header-background);
  color: var(--header-font-color);
}

a.gdoc-nav__entry, a.gdoc-nav__entry:visited {
  color: var(--header-font-color);
  text-decoration-color: var(--code-font-color);
  text-decoration-line: underline;
  text-decoration-style:dashed;
  text-decoration-thickness: 1px;
  text-underline-offset: .1rem;
}

a.gdoc-nav__entry:hover {
  text-decoration-color: var(--header-font-color);
}

a.gdoc-nav__entry.is-active {
  text-decoration-color: var(--header-font-color);
  text-decoration-style: solid !important;
}

a.gdoc-markdown__link {
  font-weight: bold;
}

div.gdoc-page {
  padding-left: 1rem;
}


div.gdoc-tabs > label {
  font-family: var(--header-font-family);
}

a.gdoc-toc__entry {
  font-weight: bold;
}