/* 自定义字体定义 - Cabinet Grotesk */
@font-face {
    font-family: 'CabinetGrotesk';
    src: url('./fonts/cabinetgrotesk-regular-webfont.woff2') format('woff2'),
         url('./fonts/cabinetgrotesk-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* 全局字体应用 - Arial 为主字体，CabinetGrotesk 为第一回退字体 */
html, body, #container {
    font-family: Arial, 'CabinetGrotesk', Verdana, Geneva, sans-serif;
}

/* 用户信息区域字体 */
#usrInfo {
    font-family: Arial, 'CabinetGrotesk', Verdana, Geneva, sans-serif;
}

/* 标题字体 */
h1, h2, h3, h4, h5, h6 {
    font-family: Arial, 'CabinetGrotesk', Verdana, Geneva, sans-serif;
}

/* 表格字体 */
table, .table_display, .SplitSheet, .DWQ_Results_table, .table_full_border {
    font-family: Arial, 'CabinetGrotesk', Verdana, Geneva, sans-serif;
}

/* 表单元素字体 */
input, select, textarea, button {
    font-family: Arial, 'CabinetGrotesk', Verdana, Geneva, sans-serif;
}

/* 导航和菜单字体 */
.nav, .menu, .toolbar {
    font-family: Arial, 'CabinetGrotesk', Verdana, Geneva, sans-serif;
}

/* 弹窗和对话框字体 */
#popup_container, .ui-dialog {
    font-family: Arial, 'CabinetGrotesk', Verdana, Geneva, sans-serif;
}

/* 按钮字体 */
.btn, .button {
    font-family: Arial, 'CabinetGrotesk', Verdana, Geneva, sans-serif;
}

/* 标签和文本字体 */
label, span, div, p {
    font-family: Arial, 'CabinetGrotesk', Verdana, Geneva, sans-serif;
}

/* 特殊组件字体 */
.CollepseBar, .searchbox, .searchInput {
    font-family: Arial, 'CabinetGrotesk', Verdana, Geneva, sans-serif;
}

/* 卡片和容器字体 */
.card, .card-body, .card-title, .card-text {
    font-family: Arial, 'CabinetGrotesk', Verdana, Geneva, sans-serif;
}

/* 确保所有文本元素都使用 Arial 字体，CabinetGrotesk 为第一回退字体 */
/* 使用更精确的选择器，避免影响 FontAwesome 图标 */
html, body, #container, h1, h2, h3, h4, h5, h6, p, div, span, label, input, select, textarea, button, table, td, th, tr, a, li, ul, ol {
    font-family: Arial, 'CabinetGrotesk', Verdana, Geneva, sans-serif !important;
}

/* 确保 FontAwesome 图标使用正确的字体 */
.fa, .fas, .far, .fab, .fal, .fad, .fat, [class*="fa-"], [class^="fa-"] {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro", "Font Awesome 6 Brands", "FontAwesome" !important;
}
