/* ============================================================
   云督伴学 · Apple Design System · typography.css（S1 基础层）
   ------------------------------------------------------------
   十级 Typography Scale（对齐 iOS / iPadOS 文字层级）。
   页面禁止自定义散乱字号 / 字重，一律挂本文件类
   或组件内部使用 token。
   字体栈继承 tokens.css --ydb-font（system-ui，无网络字体）。
   ============================================================ */

/* ---------- 层级类（.t-*） ---------- */

.t-large-title {
    font-size: 34px;
    line-height: 41px;
    font-weight: 700;
    letter-spacing: 0.37px;
}

.t-title-1 {
    font-size: 28px;
    line-height: 34px;
    font-weight: 700;
    letter-spacing: 0.36px;
}

.t-title-2 {
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    letter-spacing: 0.35px;
}

.t-title-3 {
    font-size: 20px;
    line-height: 25px;
    font-weight: 600;
    letter-spacing: 0.38px;
}

.t-headline {
    font-size: 17px;
    line-height: 22px;
    font-weight: 600;
    letter-spacing: -0.41px;
}

.t-body {
    font-size: 17px;
    line-height: 22px;
    font-weight: 400;
    letter-spacing: -0.41px;
}

.t-callout {
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
    letter-spacing: -0.32px;
}

.t-subheadline {
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: -0.24px;
}

.t-footnote {
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
    letter-spacing: -0.08px;
}

.t-caption {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    letter-spacing: 0px;
}

/* ---------- 语义补充 ---------- */

/* 大数字（驾驶舱核心数据）。层级由数字本身体现，不依赖装饰 */
.t-display-number {
    font-size: 34px;
    line-height: 41px;
    font-weight: 700;
    letter-spacing: -0.6px;
    font-variant-numeric: tabular-nums;
}

/* 趋势标注（涨红 / 跌绿，符合 A 股与国内看板惯例） */
.t-trend-up {
    color: var(--ydb-danger);
    font-variant-numeric: tabular-nums;
}

.t-trend-down {
    color: var(--ydb-success);
    font-variant-numeric: tabular-nums;
}

/* ---------- 响应式微调：小屏降一档 ---------- */

@media (max-width: 520px) {

    .t-large-title {
        font-size: 28px;
        line-height: 34px;
    }

    .t-display-number {
        font-size: 28px;
        line-height: 34px;
    }

    .t-title-1 {
        font-size: 24px;
        line-height: 30px;
    }
}

/* ---------- 无障碍 ---------- */

@media (prefers-reduced-motion: reduce) {
    /* typography 无动效；占位保持与 theme.css 一致的结构 */
}