%%add-css
html {
    /* Encyclopaedia-inspired theme: Vintage Leatherbound */
    background-color: #F5E8C7 !important; /* Aged parchment background */
    color: #2A1F1A !important; /* Very dark brown text for a leather-bound feel */
}

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 a:not(.logo):not(.btn):hover {
    color: #D4A017 !important; /* Gold on hover for embossed effect */
}

html div.sidebar {
    background: #F8EBD5 !important; /* Ensure the entire sidebar container matches the parchment color */
}

html div.header {
    background: linear-gradient(135deg, #8B5A2B 0%, #7A4F2A 50%, #8B5A2B 100%) !important; /* Leather texture with gradient */
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2) !important; /* Subtle inset shadow for depth */
    color: white !important;
    border-bottom: 3px solid #D4A017 !important; /* Thicker gold border for embossing effect */
}
html div.header .titlebox {
    background: linear-gradient(135deg, #8B5A2B 0%, #7A4F2A 50%, #8B5A2B 100%) !important; /* Match the header */
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2) !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: linear-gradient(135deg, #8B5A2B 0%, #7A4F2A 50%, #8B5A2B 100%) !important; /* Match the header */
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2) !important;
}
html div.header a:not(.logo):not(.btn) {
    color: #E8E8E8 !important; /* Light gray for header links */
}
html div.header a:not(.logo):not(.btn):hover {
    color: #FFFFFF !important; /* White on hover for better visibility */
}

html div.sidebar div.leftmenu div.collapse {
    background: #F8EBD5 !important; /* Light parchment sidebar (LeftMenu) */
    color: #2A1F1A !important;
    border-bottom: 1px solid #D4A017 !important; /* Gold border to separate from LeftMenuFooter */
}
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.leftmenu div.collapse a.wikipage:hover {
    color: #D4A017 !important; /* Gold on hover */
}

html body div#wikibody div.content.active div.sidebar div.leftmenufooter {
    background: #F8EBD5 !important; /* Override default div.leftmenufooter */
    color: #2A1F1A !important;
}
html body div#wikibody div.content.active div.sidebar div.leftmenufooter div.collapse {
    background: #F8EBD5 !important; /* Override default div.leftmenufooter div.collapse */
    color: #2A1F1A !important;
}
html div.sidebar div.leftmenufooter {
    background: #F8EBD5 !important; /* Fallback for div.leftmenufooter */
    color: #2A1F1A !important;
}
html div.sidebar div.leftmenufooter div.collapse {
    background: #F8EBD5 !important; /* Fallback for div.leftmenufooter div.collapse */
    color: #2A1F1A !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.sidebar div.leftmenufooter div.collapse a.external:hover {
    color: #D4A017 !important; /* Gold on hover */
}

html div.footer {
    background: linear-gradient(135deg, #8B5A2B 0%, #7A4F2A 50%, #8B5A2B 100%) !important; /* Leather texture with gradient */
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2) !important; /* Subtle inset shadow for depth */
    color: white !important;
}
html div.footer a {
    color: #E8E8E8 !important; /* Light gray for footer links */
}
html div.footer a:hover {
    color: #D4A017 !important; /* Gold on hover */
}

html .tab-pane {
    background-color: #F5E8C7 !important; /* Match the main background */
}

html .cat-border {
    border: 1px solid #D4A017 !important; /* Gold border for categories */
    padding: 5px !important;
    margin-top: 20px !important;
    background-color: #F5E8C7 !important; /* Match the main background */
    font-size: smaller !important;
}

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