/* --- RAPTOREUM ENCYCLOPEDIA - HIGH SPECIFICITY OVERRIDE --- */

/* 1. Global Background & Width Overrides */
:root [data-md-color-scheme="slate"] {
    --md-default-bg-color: #000000;
    --md-default-bg-color--light: #0d0d0d;
}

/* Force the container to be wider */
:root .md-container .md-main__inner {
    max-width: 1400px; /* Increased from default */
}

/* Force Header & Footer to match the width */
:root .md-header__inner, 
:root .md-footer__inner {
    max-width: 1400px;
}

/* 2. The Main Content Card (Solid Gray) */
/* Using double selectors to ensure we win against the theme defaults */
:root [data-md-color-scheme="slate"] .md-content {
    background-color: #1a1a1a !important; 
    border-radius: 12px !important;
    border: 1px solid #262626 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
    margin-top: 1.5rem !important;
    padding: 0 !important;
}

/* 3. The Inner Content Area (Text Area) */
:root [data-md-color-scheme="slate"] .md-content__inner {
    background-color: transparent !important;
    padding: 40px !important;
    margin: 0 !important;
}

/* 4. Grid Cards Styling */
/* Ensuring cards inside the gray area look distinct */
:root [data-md-color-scheme="slate"] .md-typeset .grid.cards > ul > li {
    background-color: #0d0d0d !important;
    border: 1px solid #262626 !important;
    border-radius: 8px !important;
}

:root [data-md-color-scheme="slate"] .md-typeset .grid.cards > ul > li:hover {
    border-color: #b45a46 !important;
    box-shadow: 0 4px 12px rgba(180, 90, 70, 0.2) !important;
}

/* 5. Typography Fixes */
:root [data-md-color-scheme="slate"] .md-typeset h2 {
    color: #b45a46 !important;
    border-top: 1px solid #262626 !important;
    padding-top: 1em !important;
}

:root [data-md-color-scheme="slate"] .md-typeset h3 {
    border-left: 4px solid #b45a46 !important;
    padding-left: 12px !important;
}

/* Left Navigation - Active link color and hover */
:root [data-md-color-scheme="slate"] .md-nav__link--active {
    color: #b45a46 !important;
    font-weight: 700 !important;
}

/* Right Table of Contents - Active link color */
:root [data-md-color-scheme="slate"] .md-nav__toc .md-nav__link--active {
    color: #b45a46 !important;
    border-left: 2px solid #b45a46 !important; /* Optional: Adds a small border indicator */
    padding-left: 14px !important;
}

/* Hover state for all nav links to keep it consistent */
:root [data-md-color-scheme="slate"] .md-nav__link:hover {
    color: #b45a46 !important;
}

/* Scrollbar/Focus indicator (the thin line that often appears) */
:root [data-md-color-scheme="slate"] .md-nav__link:focus {
    color: #b45a46 !important;
}