/*!
 * dark-theme.css
 * Dark background theme for the public-facing landing pages, matching the
 * look already used on login.php / register.php (near-black background,
 * #ffcd10 gold accent). Loaded last so it can override css.css / css_1.css /
 * component.css / body_about.css without editing those legacy files.
 *
 * Any remaining light section backgrounds / dark text that this stylesheet
 * doesn't catch are handled at runtime by js/contrast-detector.js.
 */

html, body {
    background-color: #0d1117 !important;
    color: #e5e7eb !important;
}

body {
    background-image: radial-gradient(at top, #161b22 0%, #0d1117 60%) !important;
}

/* Header / nav */
.header,
.header.headerLanding {
    background-color: #111827 !important;
    border-bottom: 1px solid #1f2937 !important;
    border-left-color: #1f2937 !important;
}

.nav__link {
    color: #e5e7eb !important;
}

.nav__link:hover,
.nav__link:focus {
    color: #ffcd10 !important;
}

.header__loginBtn {
    color: #0d1117 !important;
    background-color: #ffcd10 !important;
}

/* Footer */
.footer {
    background-color: #0b0f16 !important;
    border-top: 1px solid #1f2937 !important;
}

.footer a {
    color: #cbd5e1 !important;
}

.footer a:hover {
    color: #ffcd10 !important;
}

.logoBlock__p {
    color: #9ca3af !important;
}

/* Generic light containers used throughout css.css / component.css */
.section,
.card,
.box,
.wrapper,
.container-fluid,
.pagesList,
[class$="__wrapper"],
[class$="Block"] {
    background-color: transparent;
}

/* Common "white card" pattern seen across the legacy stylesheets */
.white-bg,
.bg-white {
    background-color: #111827 !important;
}

::selection {
    background: #ffcd10;
    color: #111827;
}

a {
    color: #ffcd10;
}

hr {
    border-color: #1f2937 !important;
}

/* Form fields */
input, textarea, select {
    background-color: #111827 !important;
    color: #e5e7eb !important;
    border-color: #374151 !important;
}

input::placeholder, textarea::placeholder {
    color: #6b7280 !important;
}