/* ===================================================================
   BASE/THEME.CSS
   Dark Theme and Layout Backgrounds
   =================================================================== */

/* ===== BASE THEME COLORS ===== */
body {
    background-color: var(--dark-bg);
    color: var(--light-text);
}

html,
body {
    background-color: #212529;
    color: #fff;
    padding-bottom: 40px; /* Space for fixed footer */
}

/* Text colors */
p,
li,
pre {
    color: #fff;
}

/* ===== 20. THEME & LAYOUT ===== */

/* ----- 20.1 Dark Theme Elements ----- */
.main.style1,
#section-concept + .container-fluid,
.container-fluid,
.mod-grid,
body > div,
.body,
.header-container,
.header-row,
.header-column,
.header-logo,
.header-nav,
.header-nav-main,
.nav,
.mod-list,
.mod-item,
.footer,
.copyright,
.header-body,
.header {
    background-color: #212529;
}

/* ----- 20.2 Accent Colors & Typography ----- */
.container-fluid h1.text-light,
.container-fluid .text-light,
.header-title h1,
.header-title h2,
.header-title h3,
.header-title span,
.navbar-brand {
    color: #0088cc;
    font-weight: 600;
    letter-spacing: 0.5px;
}