%%add-css
html {
    /* Encyclopaedia-inspired theme for Haddock template */
    background-color: #FDF6E3 !important; /* Soft cream background */
    color: #333333 !important; /* Dark gray text */
}

html h1, html h2, html h3, html h4, html h5, html h6 {
    color: #4A2C2A !important; /* Deep burgundy for headings */
}

html a:not(.logo):not(.btn) {
    color: #0645AD !important; /* Muted navy for links */
}
html a:not(.logo):not(.btn):visited {
    color: #0B0080 !important; /* Slightly lighter navy for visited links */
}

html div.header {
    background: #666666 !important; /* Medium gray header */
    color: white !important;
}
html div.header .titlebox {
    background: #666666 !important;
}
html div.header .titlebox .title-text {
    -webkit-text-fill-color: white !important;
    -moz-text-fill-color: white !important;
    -webkit-text-stroke-width: 0 !important; /* Remove stroke to avoid pixelation */
}
html div.header .titlebox .small, html div.header .titlebox .small a {
    color: #E8E8E8 !important; /* Light gray for subtitle */
}
html div.header .topline, html div.header .navigation {
    background: #666666 !important;
}

html div.sidebar div.leftmenu div.collapse {
    background: #E8E8E8 !important; /* Light gray sidebar (LeftMenu) */
    color: #333333 !important;
}
html div.sidebar div.leftmenu div.collapse a.wikipage {
    color: #0645AD !important;
}
html div.sidebar div.leftmenu div.collapse a.wikipage:visited {
    color: #0B0080 !important;
}

html div.sidebar div.leftmenufooter div.collapse {
    background: #E8E8E8 !important; /* Light gray sidebar (LeftMenuFooter) */
    color: #333333 !important;
}
html div.sidebar div.leftmenufooter div.collapse a.external {
    color: #0645AD !important;
}
html div.sidebar div.leftmenufooter div.collapse a.external:visited {
    color: #0B0080 !important;
}

html div.footer {
    background: #4A4A4A !important; /* Deep gray footer */
    color: white !important;
}
html div.footer a {
    color: #E8E8E8 !important; /* Light gray for footer links */
}

html .tab-pane {
    background-color: #F5F0E1 !important; /* Subtle beige for sections */
}

html .cat-border {
    border: 1px solid #ccc !important;
    padding: 5px !important;
    margin-top: 20px !important;
    background-color: #F5F0E1 !important; /* Subtle beige for categories */
    font-size: smaller !important;
}

html .pagename {
    font-size: 2em !important;
    color: #4A2C2A !important; /* Deep burgundy for page titles */
}
/* End of Encyclopaedia-inspired theme */
%%