html {
    /* GO2cam theme */
    --go2-header: #23282D;
    --go2-sub-header: #3D4148;
    --go2-background: #2b2d2d;
    --go2-main-footer: #222222;
    --go2-footer-bottom: rgba(0,0,0,0.32);
    --go2-text: #c7c0b5;
    --go2-link: #00ffff;
    --go2-contact: #268080;

    /* Color */
    --primary-dark-color: #268080;
    --span-mlabel-color: white;

    /* Spacing */
    --spacing-small: 3px;
    --spacing-medium: 6px;
    --spacing-big: 10px;
    --spacing-large: 14px;

    /* Font size */
    --toc-font-size: 11px;
    --code-font-size: 13px;

    --content-maxwidth: auto;
}

html.dark-mode {
    /* define dark-mode variable overrides here if you DO use doxygen-awesome-darkmode-toggle.js */
    --primary-color: cyan;
    --primary-dark-color: cyan;
    --side-nav-background: #3D4148;
    --page-foreground-color: #c7c0b5;
    --header-foreground: white;
    --param-name-color: red;
    --span-mlabel-color: #23282D;
}

#projectname {
    display: flex;
    flex-direction: column;
    gap: 15px;
    white-space: revert;
}

#titlearea {
    display: flex;
    flex-direction: column;
    height: 80px;
    justify-content: center;
}

#projectlogo img {
    max-height: calc(var(--title-font-size) * 2);
    margin-right: var(--spacing-small);
}

#nav-tree .arrow {
    background: none;
}

#nav-tree a {
    background: none;
}

/* Pages */

@media screen and (min-width: 767px) {
    #doc-content {
        padding-top: calc(var(--top-height) - 180px);
        padding-left: 20px;
        padding-right: 20px;
    }
}

.memitem > .memdoc {
    padding: 0px var(--spacing-big)
}

span > .mlabel {
    color: var(--span-mlabel-color);
}

blockquote.doxtable {
    margin: var(--spacing-large);
}

a.el {
    font-family: var(--font-family-monospace);
}

/* Code */
/* ========================================= */
.paramname em {
    color: var(--param-name-color);
}

.fragment > .line {
    border-radius: 0;
    background: none;
}

/* EXEMPLE */
/* ========================================= */
#exemple {
    display: flex;
    gap: 20px;
    overflow: auto;
}

#exemple > div > img {
    max-width: none;
    border-radius: var(--border-radius-small);
    margin-top: 6px;
}

#exemple > .doxygen-awesome-fragment-wrapper {
    flex: auto;
}

#include-code {
    display: flex;
    flex-direction: column;
    flex: auto;
}

/* Doxygen-Awesome Extension */
/* ========================================= */
doxygen-awesome-fragment-copy-button {
    margin-top: 5px;
}