/* Importing Google Fonts */
/*@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Merriweather:wght@300;400;700&display=swap');*/

/* Self-Hosted Fonts */
/*@font-face {
    font-family: 'CustomFont';
    src: url('assets/fonts/CustomFont-Regular.woff2') format('woff2'), url('assets/fonts/CustomFont-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CustomFont';
    src: url('assets/fonts/CustomFont-Bold.woff2') format('woff2'), url('assets/fonts/CustomFont-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}*/

:root {
    /* typography - keep these values aligned with the current UI */
    --font-family-base: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-heading: var(--font-family-base);
    --font-family-control: var(--font-family-base);
    --font-family-monospace: "Roboto Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --font-size-base: 1rem;
    --font-size-control: 1rem;
    --font-size-label: 14px;
    --font-size-navigation: 0.94rem;
    --font-size-dropdown: 0.92rem;
    --font-size-title: 1.4rem;
    --font-size-subtitle: 1.125rem;
    --font-size-small: 0.75rem;
    --font-size-error: 0.75rem;
    --font-size-notification: 16px;
    --font-size-notification-emphasis: 18px;
    --font-size-table-header: 14px;
    --font-size-table-body: 1rem;
    --font-size-auth-title: 28px;
    --font-size-auth-control: 16px;
    --font-size-auth-button: 18px;
    --font-size-auth-welcome: 20px;
    --font-size-auth-byline: 10px;
    --font-weight-regular: 400;
    --font-weight-control: 400;
    --font-weight-title: 400;
    --font-weight-subtitle: 500;
    --font-weight-error: 400;
    --line-height-base: 1.5;
    --line-height-control: 1.5;

    /* main colors */
    --main-color: white;
    --main-blue-color: #d7f0fc;
    --main-blue-color-outline: #7adaf5;
    --blue-color-highlight: #0057B8;
    --main-control-focus-outline: #7adaf5;
    /* Colors */
    --action-color: #FAED26;
    --primary-color: #46344E;
    --secondary-color: #5A5560;
    --complementary-color: #9D8D8F;
    --hover-color: #755d43;
    --light-color: #f2dbc2;
    --light-gray: #b0b0b0;
    --light-gray-color: #ebebeb;
    /* other colors */
    --light-gray: #e4e5e7;
    --padding: 10px;
    /* custom var */
    --bs-table-th-font-sans-serif: var(--font-family-base);
    --bs-table-th-font-size: var(--font-size-table-header);
    --bs-table-th-font-weight: bold;
    --bs-table-th-font-color: #333;
    --bs-table-td-font-sans-serif: var(--font-family-base);
    --bs-table-td-font-size: var(--font-size-table-body);
    --bs-table-td-line-height: 1.1;
    --bs-table-td-font-color: #333;
    /* filter box */
    --bk-filter-box: #f0f8fc;
    --bs-filter-font-sans-serif: var(--font-family-base);
    --bs-filter-font-size: var(--font-size-base);
    --bs-filter-line-height: 1.2;
    --bs-filter-font-color: #333;
    /* buttons */
    --btn-primary-color: #d7f0fc;
    --btn-primary-blue-color-outline: #7adaf5;
    --btn-primary-gray-color: #616161;
    /* menu icons */
    --menu-icon-color: #ADE4F6;
    --ic-card-body: #d7f0fc;
    --ic-color-top-bar: #e67e22;
    /* custom check */
    --custom-check-v-color: #68cced;
    /* ic colors in datatables */
    --drag-icon-color: #FAED26;
}

/* This is main text color 
.text-info {
    /*  color: #ff6600 !important; your custom color 
    color: #7E4113 !important;
}
*/