/* ============================================
   TradingNews 字体层级系统
   基于 Söhne Test 字体家族
   ============================================ */

/* === @font-face 声明 === */

/* Söhne Test - 正文字体 */
@font-face {
  font-family: "Sohne Test";
  src: url("/fonts/sohne/test-soehne-buch.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sohne Test";
  src: url("/fonts/sohne/test-soehne-kraftig.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sohne Test";
  src: url("/fonts/sohne/test-soehne-halbfett.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sohne Test";
  src: url("/fonts/sohne/test-soehne-fett.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Söhne Mono Test - 等宽字体 */
@font-face {
  font-family: "Sohne Mono Test";
  src: url("/fonts/sohne-mono/test-soehne-mono-buch.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sohne Mono Test";
  src: url("/fonts/sohne-mono/test-soehne-mono-kraftig.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* === 覆盖 Tamagui CSS 变量 === */
:root, :root .font_body, :root .font_heading, 
:root .t_lang-body-default .font_body, 
:root .t_lang-heading-default .font_heading {
  --f-family: "Sohne Test", Inter, system-ui, -apple-system, sans-serif !important;
}

/* ============================================
   1) 全站默认 - Söhne Buch (400)
   正文/普通文字/卡片段落/侧边栏说明
   ============================================ */
html, body, * {
  font-family: "Sohne Test", Inter, system-ui, -apple-system, sans-serif !important;
  font-weight: 400;
}

/* ============================================
   2) UI 强调文字 - Söhne Kräftig (500)
   按钮/标签/次级标题/状态文字
   ============================================ */

/* 导航栏按钮/CTA */
button,
[role="button"],
a[role="link"],
.is_Anchor,
input[type="submit"],
input[type="button"] {
  font-weight: 500 !important;
}

/* Bullish/Bearish 标签胶囊 */
[class*="tag"],
[class*="badge"],
[class*="label"],
[class*="chip"],
[class*="pill"] {
  font-weight: 500 !important;
}

/* 状态文字 (FETCHING LATEST NEWS...) */
[class*="status"],
[class*="loading"],
[class*="fetching"] {
  font-weight: 500 !important;
}

/* ============================================
   3.1) 新闻主标题 - Söhne Fett (700)
   卡片最上面全大写 headline
   ============================================ */

/* 新闻 headline (全大写的主标题) */
[class*="headline"],
[class*="Headline"],
h1,
[style*="text-transform: uppercase"],
[style*="text-transform:uppercase"] {
  font-weight: 700 !important;
}

/* ============================================
   3.2) 卡片模块标题 - Söhne Halbfett (600)
   公司名/品种名/分组标题
   ============================================ */

/* 模块标题 (Exxon Mobil, Chevron, Crude Oil 等) */
h2, h3, h4, h5, h6,
[class*="title"],
[class*="Title"],
[class*="heading"],
[class*="Heading"],
[class*="cardTitle"],
[class*="moduleTitle"] {
  font-weight: 600 !important;
}

/* Logo "TradingNews" - 保持 bold */
[class*="brand"],
[class*="logo"],
[class*="Logo"] {
  font-weight: 700 !important;
}

/* ============================================
   4) 时间轴 - Söhne Mono Kräftig (500)
   左侧大时间/时间戳 - 终端感
   ============================================ */

/* 侧边时间轴大时间 */
.time,
.timestamp,
[class*="time"],
[class*="Time"],
[class*="clock"],
[class*="Clock"],
time {
  font-family: "Sohne Mono Test", ui-monospace, SFMono-Regular, Menlo, monospace !important;
  font-weight: 500 !important;
  font-variant-numeric: tabular-nums;
}

/* ============================================
   5) 数字类信息 - Söhne Mono
   价格/涨跌幅/百分比/ticker/代码
   默认 400，强调 500
   ============================================ */

/* 数字/价格/代码 - 默认 Mono 400 */
.price,
.number,
.ticker,
.percent,
.percentage,
[class*="price"],
[class*="Price"],
[class*="number"],
[class*="Number"],
[class*="ticker"],
[class*="Ticker"],
[class*="percent"],
[class*="amount"],
[class*="value"],
[class*="count"],
code,
pre {
  font-family: "Sohne Mono Test", ui-monospace, SFMono-Regular, Menlo, monospace !important;
  font-weight: 400 !important;
  font-variant-numeric: tabular-nums;
}

/* 强调数字 (涨跌幅等需要突出的) */
[class*="change"],
[class*="Change"],
[class*="gain"],
[class*="loss"],
[class*="profit"],
[class*="return"] {
  font-family: "Sohne Mono Test", ui-monospace, SFMono-Regular, Menlo, monospace !important;
  font-weight: 500 !important;
  font-variant-numeric: tabular-nums;
}

/* ============================================
   全局数字特性 - tabular-nums 等宽数字
   ============================================ */
html, body {
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}