@import url(https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap);

:root,
[data-bs-theme="light"] {
    --main-font: 'Lato', sans-serif;
    --bs-primary: #007bff;
    --bs-secondary: #6c757d;
    --bs-success: #28a745;
    --bs-danger: #dc3545;
    --bs-warning: #ffc107;
    --bs-info: #17a2b8;
    --bs-light: #f8f9fa;
    --bs-dark: #343a40;

    --bs-custom-body-bg: #eaf1f3;
    --bs-custom-body-color: #6c757d;

    --bs-custom-sidebar-bg: #1a2942;

    --bs-custom-card-bg: #fff;
    --bs-custom-card-color: #6c757d;

    --bs-custom-table-bg: #fff;
    --bs-custom-table-color: #6c757d;

    --bs-navbar-bg: #ffffff;
    --bs-navbar-color: #212529;
}

* {
    font-family: var(--main-font);
}

[data-bs-theme="dark"] {
    --bs-primary: #375a7f;
    --bs-secondary: #444951;
    --bs-success: #00bc8c;
    --bs-danger: #e74c3c;
    --bs-warning: #f39c12;
    --bs-info: #3498db;
    --bs-light: #22252a;
    --bs-dark: #ffffff;

    --bs-custom-body-bg: #2d333c;
    --bs-custom-body-color: #ffffff;

    --bs-custom-sidebar-bg: #313a46;

    --bs-custom-card-bg: #313a46;
    --bs-custom-card-color: #aab8c5;

    --bs-custom-table-bg: #313a46;
    --bs-custom-table-color: #aab8c5;

    --bs-navbar-bg: #2f3742;
    --bs-navbar-color: #ffffff;
}

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

.btn-secondary {
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
}

.btn-success {
    background-color: var(--bs-success);
    border-color: var(--bs-success);
}

.btn-danger {
    background-color: var(--bs-danger);
    border-color: var(--bs-danger);
}

.btn-warning {
    background-color: var(--bs-warning);
    border-color: var(--bs-warning);
}

.btn-info {
    background-color: var(--bs-info);
    border-color: var(--bs-info);
}

.card {
    background-color: var(--bs-custom-card-bg);
    color: var(--bs-custom-card-color);
    border-color: transparent;
    -webkit-box-shadow: var(--tz-box-shadow);
    box-shadow: var(--tz-box-shadow);
    margin-bottom: 1.25rem;
}

.card-header {
    background-color: var(--bs-primary);
    color: var(--bs-light);
}

.table {
    --bs-table-bg: var(--bs-custom-table-bg);
    --bs-table-color: var(--bs-custom-table-color);
    border-color: transparent;
}

.navbar {
    background-color: var(--bs-navbar-bg);
    color: var(--bs-navbar-color);
}

.sidebar {
    background-color: var(--bs-custom-sidebar-bg);
}

/* .navbar-brand,
.navbar-nav .nav-link {
    color: var(--bs-navbar-color);
}

[data-bs-theme="dark"] .navbar {
    background-color: var(--bs-navbar-bg);
}

[data-bs-theme="dark"] .navbar-brand,
[data-bs-theme="dark"] .navbar-nav .nav-link {
    color: var(--bs-navbar-color);
} */


body {
    background-color: var(--bs-custom-body-bg);
    color: var(--bs-custom-body-color);
}