@font-face {
  font-family: "Oswald";
  font-style: normal;
  font-display: swap;
  src: url("./fonts/oswald/Oswald-VariableFont_wght.ttf") format("woff2");
}

:root {
  --cambium-background-colour-dark: #353d34;
  --cambium-primary-colour-light: #34632e;
  /* --cambium-primary-colour-light: #587054; */
  --cambium-primary-colour-dark: #e8cf9e;
  --cambium-secondary-colour-light: #149403;
  --cambium-secondary-colour-dark: #fba700;
  --cambium-alternate-background-colour-light: #f7f4ee;
  --cambium-alternate-background-colour-dark: #273325;
}

.header-bar .header-centre {
  a.site-title {
    color: var(--cw-primary-colour);
  }
}

#cambium-page-index {
  .main-content {
    padding-top: 0;
  }

  header .header-centre .site-title {
    display: none;
  }

  h1 {
    display: none;
  }

  div.cambium-img-holder:has(.main-logo) {
    margin-bottom: 0;
  }
  img.main-logo {
    content: url(../assets/CambiumTextLogo-transparent-light.svg);
  }

  .subtitle {
    text-align: center;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0.75em;
    font-size: 2rem;
    font-weight: 500;
  }

  ul.docs-index-nav {
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1em;
    padding-top: 0.5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.5em;
    border-top: 1pt solid var(--cw-primary-colour);
    border-bottom: 1pt solid var(--cw-primary-colour);
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    li {
      padding: 0;
    }
  }
}

html[data-theme="dark"]#cambium-page-index {
  img.main-logo {
    content: url(../assets/CambiumTextLogo-transparent-dark.svg);
  }
}

h2 {
  text-transform: uppercase;
  font-size: 1.1em;
  font-family: "Oswald";

  font-weight: 400;
  color: var(--cw-primary-colour);
  margin-top: 1em;
}

h3 {
  margin-top: 1.5em;
  color: var(--cw-primary-colour);
}

.menu-panel .menu-items ul li {
  text-transform: uppercase;
  font-weight: 400;
  font-family: "Oswald";
}

.site-title {
  font-family: "Oswald";
  font-weight: 500;
  text-transform: uppercase;
}

code {
  font-size: 0.9em;
}

pre:has(> code) {
  background-color: var(--cw-alternate-background-colour);
  padding-left: 0.25em;
  padding-right: 0.25em;
}