:root {
    --font-family-base: 'Open Sans','Roboto','Calibri',sans-serif;
    --bs-font-sans-serif: 'Open Sans','Roboto','Calibri',sans-serif;
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --table-header-bg: hsl(210, 40%, 95%);
    --text-color: #000000de;
    --default-text-color: var(--text-color);
    --default-border-radius: 5px;
    --default-border-color: #D9D9D9;
    --primary-color: #2a1649;
    --secondary-color: #943cc4;

    --sidebar-width: 400px;
    --sidebar-menu-icon-width: 100px;
    --sidebar-menu-icon-padding-top: 100px;
    --sidebar-menu-item-height: 60px;
    --sidebar-submenu-width: calc(var(--sidebar-width) - var(--sidebar-menu-icon-width) - 10px);
    --sidebar-logo-max-height: 70px;

    --bs-primary: var(--primary-color);
    --bs-primary-light: #b187fa;
    --bs-secondary: var(--secondary-color);
    --bs-secondary-light: var(--bs-light-gray);
    --bs-success: #198754;
    --bs-success-light: #ddffdd;
    --bs-info: #0dcaf0;
    --bs-info-light: #e7f3fe;
    --bs-warning: #ffc107;
    --bs-warning-light: #ffffcc;
    --bs-danger: #dc3545;
    --bs-danger-light: #ffdddd;

    --body-font-size: 13px;
    --body-text-color: var(--text-color);
    --body-font-weight: 400;
    --body-background-color: var(--bg-dashboard-content);
    --btn-font-size: 0.8em;
    --btn-border-radius: var( --default-border-radius);
    --btn-link-color : var( --default-text-color);
    --bs-light-gray: #f6f8ff;
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
}

@media only screen and (max-width: 1400px) {
    :root {
        --body-font-size: 13px;
        --sidebar-width: 300px;
        --sidebar-menu-icon-width: 70px;
        --sidebar-logo-max-height: 50px;
    }
}

.tab .tab-button.active {
    color: var(--bs-light-gray);
}