html {
  /* primary theme color. This will affect the entire websites color scheme: links, arrows, labels, ... */
  /* --primary-color: #e30613; */
  /* --primary-dark-color: #ff818a; */
  /* --primary-light-color: rgba(216, 17, 30, 0.704); */

  /* page base colors */
  /* --page-background-color: #ffffff;
  --page-foreground-color: #706f6f;
  --page-secondary-foreground-color: #6f7e8e; */
}

html.dark-mode {
  /* primary theme color. This will affect the entire websites color scheme: links, arrows, labels, ... */
  /* --primary-color: #e30613; */
  /* --primary-dark-color: #ff818a; */
  /* --primary-light-color: rgba(216, 17, 30, 0.704); */

  /* page base colors */
  /* --page-background-color: #706f6f;
  --page-foreground-color: #d2dbde;
  --page-secondary-foreground-color: #859399; */
}

img.footer {
    width: 80px;
}

/* Resize MAK logo to match project name text height */
#projectlogo img {
    max-height: calc(var(--title-font-size) * 1.7) !important; /* ~37px, bigger than project name */
    height: calc(var(--title-font-size) * 1.7) !important;
    margin-right: var(--spacing-medium);
}

/* Ensure both logo and text are vertically aligned */
#projectrow #projectlogo,
#projectrow #projectalign {
    vertical-align: top;
}

/* Remove any top padding from body */
body {
    padding-top: 0 !important;
}

/* Ensure header is aligned to top of document */
div.header {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Remove top padding from doc-content that creates gap */
#doc-content {
    padding-top: 0 !important;
}