:root {
    --darkreader-neutral-background: #181a1b;
    --darkreader-neutral-text: #e8e6e3;
    --darkreader-selection-background: #004daa;
    --darkreader-selection-text: #e8e6e3;
}

/* Base styles */
html, body {
    background-color: var(--darkreader-neutral-background) !important;
    color: var(--darkreader-neutral-text) !important;
    border-color: #736b5e;
}

/* Links */
a {
    color: #3391ff !important;
}

/* Selection color */
::selection {
    background-color: var(--darkreader-selection-background) !important;
    color: var(--darkreader-selection-text) !important;
}

/* Navbar styles */
.navbar {
    background-color: var(--darkreader-neutral-background) !important;
    border-color: #736b5e !important;
}

.navbar-light .navbar-brand,
.navbar-light .navbar-nav .nav-link.text-dark {
    color: var(--darkreader-neutral-text) !important;
}

/* Buttons */
.btn-light {
    background-color: #1e2021 !important;
    border-color: #736b5e !important;
    color: var(--darkreader-neutral-text) !important;
}

    .btn-light:hover {
        background-color: #2a2e2f !important;
    }

/* Footer */
.footer {
    background-color: var(--darkreader-neutral-background) !important;
    border-color: #736b5e !important;
    color: #b2aba1 !important;
}

/* If your icons are dark and need to be visible on dark background */
.service-icon {
    filter: invert(100%) !important;
}