/* =====================================================
   Theme (dark-mode rules not attached near light variants)
   ===================================================== */

body.dark-theme
{
    background-color: var(--background-dark);
    color: var(--text-dark);
}

.dialog-textfield-embeddedbutton
{
    background-color: var(--card-dark) !important;
}

body.dark-theme .a
    {
        color: var(--text-dark);
        fill: var(--text-dark);
    }

body.dark-theme h1,
    body.dark-theme h2,
    body.dark-theme h3,
    body.dark-theme h4,
    body.dark-theme h5
    {
        color: var(--text-dark) !important;
    }

body.dark-theme .text-content,
    body.dark-theme .navbar-brand,
    body.dark-theme .list-group-item,
    body.dark-theme .list-group-item a,
    body.dark-theme .layout-navbar-admin-profile-label
    {
        color: var(--text-dark);
    }

body.dark-theme .card,
    body.dark-theme .input,
    body.dark-theme .search-input,
    body.dark-theme select,
    body.dark-theme textarea
    {
        background-color: var(--card-dark);
        color: var(--text-dark);
    }

body.dark-theme .list-group-item.active
    {
        background-color: var(--card-listactive-active);
    }

body.dark-theme table th,
        body.dark-theme table td
        {
            background-color: var(--card-dark);
            color: var(--text-dark);
            border: 1px solid var(--border-color);
        }

body.dark-theme .job-card .job-card-description
    {
        background-color: var(--background-dark);
        color: var(--text-dark);
    }

body.dark-theme .job-card
    {
        border: 1px solid var(--text-dark);
    }

body.dark-theme .job-card-footer
    {
        background-color: var(--background-dark);
    }

body.dark-theme .job-card .job-card-footer-read-more
    {
        color: var(--text-dark);
    }