/* ===== Bootstrap Theme Overrides for TGIAlign ===== */

body {
    font-family: var(--tg-font-primary);
    color: var(--tg-gray);
    background-color: var(--tg-white);
}

/* ===== Buttons ===== */

.btn-primary {
    background-color: var(--tg-primary);
    border-color: var(--tg-primary);
}

    .btn-primary:hover {
        background-color: var(--tg-primary-dark);
        border-color: var(--tg-primary-dark);
    }

.btn-outline-secondary {
    color: var(--tg-primary);
    border-color: var(--tg-primary);
}

    .btn-outline-secondary:hover {
        background-color: var(--tg-primary);
        color: white;
    }

/* ===== Navbar ===== */

.navbar {
    background-color: var(--tg-white) !important;
    border-bottom: 1px solid var(--tg-light);
}

.navbar-brand {
    font-family: var(--tg-font-secondary);
    font-weight: 600;
    color: var(--tg-primary) !important;
}

.nav-link {
    color: var(--tg-dark) !important;
}

    .nav-link:hover {
        color: var(--tg-primary) !important;
    }

/* ===== Headings ===== */

h1, h2, h3, h4, h5 {
    font-family: var(--tg-font-secondary);
    color: var(--tg-dark);
}

/* ===== Cards ===== */

.card {
    border-radius: var(--tg-radius-md);
    box-shadow: var(--tg-shadow-sm);
}

/* ===== Footer ===== */

.site-footer {
    background-color: var(--tg-dark);
    color: var(--tg-white);
}

    .site-footer a {
        color: var(--tg-light);
    }

        .site-footer a:hover {
            color: var(--tg-accent);
        }