/**
 * KBG UI 3.0 —— Design Tokens
 *
 * 唯一视觉基准来自 video.kuaibaoguang.cn/storage/config/branding.json（真实
 * 检查过，带 lock:true 的品牌权威源）。这里只声明变量，不写任何组件样式——
 * 组件样式在 kbg-ui3-components.css / kbg-ui3-layout.css / kbg-ui3-grid.css，
 * 全部只允许引用这里的变量，禁止散落硬编码色值。
 *
 * 变量挂在 body.kbg-ui-preview 上而不是 :root——预览模式关闭时这些变量完全
 * 不存在，不会有任何"意外继承"的可能。
 *
 * 2026-07-22 Remediation修订：正式验证发现 --kbg-orange/--kbg-radius/
 * --kbg-radius-sm/--kbg-text 这4个名字跟 UI 2.0 遗留的 desktop.css 里的同名
 * 变量重复——虽然当前视觉无害（后加载的规则赢），但属于脆弱的隐性耦合。
 * 本轮全部改名，不触碰 desktop.css，两套变量正式做到零重名：
 *   --kbg-orange      → --kbg-accent-orange
 *   --kbg-radius      → --kbg-radius-md
 *   --kbg-radius-sm   → --kbg-radius-xs
 *   --kbg-text        → --kbg-text-1
 * 全部真实引用位置（components.css/layout.css）已同步替换，不存在遗漏的
 * 旧名字引用。
 */
body.kbg-ui-preview {
    /* ---------- 颜色：品牌层 ---------- */
    --kbg-bg-0: #050505;      /* 主背景 */
    --kbg-bg-1: #0E0E0E;      /* 次级背景/卡片底 */
    --kbg-card-bg: rgba(15, 15, 15, .88);
    --kbg-gold-1: #F3C75F;    /* 主金：标题强调/按钮/当前状态 */
    --kbg-gold-2: #D9A520;    /* 次金：hover/次强调 */
    --kbg-accent-orange: #FF8A00; /* 强调橙：呼应虎纹，CTA/警示辅助（原--kbg-orange） */
    --kbg-text-1: #FFFFFF;    /* 一级文字（原--kbg-text） */
    --kbg-text-2: #B8B8B8;    /* 二级文字 */
    --kbg-text-3: #7A7A7A;    /* 三级文字 */
    --kbg-text-muted-accessible: #8A8A8A; /* 三级文字在纯黑背景上实测4.75:1压线，这个色阶是5.90:1，
        用于必须保证WCAG AA且不能靠透明度衰减的场景（如Footer弱化链接），比text-3更亮一级 */
    --kbg-text-on-gold: #1a1200;   /* 金色背景上的深棕文字（原6处硬编码#1a1200） */
    --kbg-text-inverse: #FFFFFF;   /* 红/深色底上的白字状态色（原1处硬编码#fff），与text-1同值但语义不同，
        不合并是因为一个代表"页面正文一级"，一个代表"状态色底上取反"，未来允许独立调整 */
    --kbg-border-gold: rgba(243, 199, 95, .35);
    --kbg-border-neutral: rgba(255, 255, 255, .08);
    --kbg-border-subtle: rgba(243, 199, 95, .12); /* 低透明金色边线，用于Header底部这类不需要强描边的场景 */

    /* ---------- 颜色：阅读层（第十二章补充，正文/表格用，不是满屏黑金） ---------- */
    --kbg-read-bg: #16171A;
    --kbg-read-surface: #1E1F23;
    --kbg-read-border: rgba(255, 255, 255, .08);
    --kbg-read-text: #E8E8E8;

    /* ---------- 颜色：状态语义色 ---------- */
    --kbg-success: #00E58B;
    --kbg-warning: #FFB020;
    --kbg-error: #FF4D4F;
    --kbg-info: #3AA0FF;
    --kbg-telegram-blue: #26A5E4; /* 仅Telegram Card图标使用，刻意保留平台原生色，见Master Design第十三章 */

    /* ---------- 字体 ---------- */
    --kbg-font-cn: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif;
    --kbg-font-en: "Inter", var(--kbg-font-cn);
    --kbg-font-tech: "Orbitron", "Rajdhani", var(--kbg-font-cn); /* KBG签名科技字体，仅用于品牌大字/头条超大标题，不用于正文 */

    /* ---------- 字号层级 ---------- */
    --kbg-fs-h1: 32px;
    --kbg-fs-h2: 22px;
    --kbg-fs-h3: 18px;
    --kbg-fs-body: 15px;
    --kbg-fs-sm: 13px;
    --kbg-fs-xs: 12px;

    /* ---------- 字重（新增，只定义真实会用到的四档，不为了凑数加800/900） ---------- */
    --kbg-fw-regular: 400;
    --kbg-fw-medium: 500;
    --kbg-fw-semibold: 600;
    --kbg-fw-bold: 700;

    /* ---------- 行高（新增） ---------- */
    --kbg-lh-tight: 1.2;     /* 超大字号品牌标题 */
    --kbg-lh-heading: 1.35;  /* 分区/卡片标题 */
    --kbg-lh-body: 1.7;      /* 未来文章正文 */
    --kbg-lh-relaxed: 1.85;  /* 长文说明/密集提示文字 */

    /* ---------- 间距（4px基准刻度） ---------- */
    --kbg-space-1: 4px;
    --kbg-space-2: 8px;
    --kbg-space-3: 12px;
    --kbg-space-4: 16px;
    --kbg-space-5: 20px;
    --kbg-space-6: 24px;
    --kbg-space-8: 32px;
    --kbg-space-10: 40px;
    --kbg-space-12: 48px;
    --kbg-space-16: 64px;

    /* ---------- 圆角 ---------- */
    --kbg-radius-xs: 8px;    /* 原--kbg-radius-sm，小型元素/tag内部 */
    --kbg-radius-md: 10px;   /* 原--kbg-radius，标准：按钮/卡片/输入框 */
    --kbg-radius-lg: 16px;
    --kbg-radius-pill: 999px;
    --kbg-radius-circle: 50%;

    /* ---------- 边框 ---------- */
    --kbg-border-width: 1px;

    /* ---------- 阴影（金色光晕体系，克制透明度，禁止满屏赌场式发光） ---------- */
    --kbg-shadow-card: 0 1px 24px rgba(255, 176, 0, .06);
    --kbg-shadow-glow-sm: 0 0 8px rgba(243, 199, 95, .18);
    --kbg-shadow-glow-md: 0 0 14px rgba(243, 199, 95, .25);
    --kbg-shadow-glow-lg: 0 0 20px rgba(243, 199, 95, .35);
    --kbg-shadow-deep: 0 10px 20px rgba(0, 0, 0, .35);

    /* ---------- 动画时长 ---------- */
    --kbg-duration-fast: 120ms;
    --kbg-duration: 200ms;
    --kbg-duration-slow: 250ms;
    --kbg-ease: ease;
    --kbg-ease-out: ease-out;

    /* ---------- z-index ---------- */
    --kbg-z-header: 999;
    --kbg-z-drawer: 1000;
    --kbg-z-modal: 1100;
    --kbg-z-toast: 1200;

    /* ---------- 容器宽度（沿用UI 2.0阶段已验证过的数字，不重新发明） ---------- */
    --kbg-container-max: 1600px;
    --kbg-container-wide: 1800px;
    --kbg-container-narrow: 760px;  /* 新增：文章正文这类窄容器，控制单行阅读长度 */
    --kbg-sidebar-width: 340px;     /* 新增：主栏+侧栏布局里侧栏的标准宽度 */
}

/* 断点参考（媒体查询条件本身不能用CSS变量，这里只做书面记录，全部文件统一
   使用下面这几个真实断点，不再另外发明新数字）：
   PC     >=1600px
   Laptop 1200px~1599px
   Tablet 768px~1199px（导航折叠临界点在992px，见kbg-ui3-responsive.css）
   Mobile <=767px
*/