/* ============================================================
   theme-10.tokens.css  —  Theme 10 · Onyx Flame (玄玉火焰)
   版本: T10_ONYX_FLAME_V1 · 2026-04-19
   定位: 深底克制 · Ledger 官网风 · 硬件钱包 / 企业技术 / 高端 B2B
   主色: #ea580c (Orange 600 · 火焰深橙, 比 T6 Orange 500 更沉)
   页面底: #0a0a0a (neutral true black · 无色偏)
   Header: #0a0a0a (与正文底齐平, Ledger-style 无视觉割裂)
   Footer: #000000 (真黑, 沉底)
   Hero: 3 色 hex 垂直极简 (对齐 Ledger 克制美学, 刻意不做 T6/T7/T8/T9 激进斜渡)
   CTA: 三色火焰 shine (fb923c → ea580c → c2410c)

   与 T6 Sunset Ember 的关键辨识:
     - T6 主色 #f97316 Orange 500 · 底 #1a0a05 暖棕黑 · Hero 四色 160deg 斜渡 · 热烈转化
     - T10 主色 #ea580c Orange 600 · 底 #0a0a0a 纯中性黑 · Hero 三色 180deg 极简 · Ledger 克制
   差异:
     1. 底色色相: T6 暖棕 vs T10 中性 zinc (肉眼可辨, 不是"看起来一样")
     2. 主色深浅: T10 比 T6 沉一档 (Orange 600 vs 500)
     3. Hero 风格: T10 刻意极简 3 色, 匹配 Ledger 官网 hero 的 subtle purple wash 那种克制, 不走 T6 的四色激进
     4. 定位差异: T6 热烈转化 (餐饮/旅行), T10 克制企业 (B2B/硬件)
   两主题可在一个站点内共存, 目标客户不同

   —— 单主色硬规则 (V2 收紧) ————————————————————————————————
   本主题仅使用 Orange 家族作为强调色。
   严禁引入紫 / 蓝 / 青 / 绿 / 粉 / 金 等任何第二种装饰色。
   强调 / 徽章 / 提示 / 链接悬停 / 边框亮度 / 阴影色 一律从
   --color-primary 家族 + --overlay-primary-* 透明度家族取。
   注: secondary / muted 级的 zinc-gray 中性降档不算"强调位",
        允许走 Tailwind zinc 中性色 (Ledger 风就建立在 zinc 中性配橙色 pop)
   —————————————————————————————————————————————————————

   —— 全主题 · 禁用大面积半透明背景硬规则 ————————————————
   Surface 级背景禁止 rgba(r,g,b,<1) / backdrop-filter 组合。
   详细白名单见 04_主题适配.md §3.5
   —————————————————————————————————————————————————————

   覆盖原则 (与 theme-2 / theme-6 / theme-8 / theme-9 深底同构):
     - T10 是深底主题, 与 T2/T6/T8/T9 同构, 与 T1/T3/T4/T5/T7 浅底相反
     - --color-text-inverse 翻转为暗色 (#0a0a0a)
     - on-* 全家族必须显式覆盖
     - card-bg-elevated 覆盖 Zinc 900 而非 base 的 #ffffff

   选择器 (与 theme-2~9 对齐):
     token 层用 :root; ParserController 每次只分发一份 theme-N
   ============================================================ */

:root {
  /* ========== 主色系 · Orange 600 family (比 T6 Orange 500 更沉) ========== */
  --color-primary: #ea580c;
  --color-primary-hover: #c2410c;
  --color-primary-active: #9a3412;
  --color-primary-tint: #fb923c;
  --color-primary-light: rgba(234, 88, 12, 0.14);
  --color-primary-lighter: rgba(234, 88, 12, 0.06);
  --color-primary-dark: #7c2d12;

  /* ========== 文本层 · 深底翻转 (neutral white, 不带暖调) ========== */
  --color-text: #fafafa;
  --color-text-secondary: #d4d4d8;
  --color-text-muted: #71717a;
  --color-text-inverse: #0a0a0a;
  --color-secondary: #a1a1aa;

  --color-text-on-primary: #fafafa;
  --color-text-on-primary-secondary: rgba(250, 250, 250, 0.75);
  --color-text-on-accent: #fafafa;
  --color-text-on-success: #fafaf9;
  --color-text-on-danger: #fafaf9;
  --color-text-on-warning: #1c0a00;
  --color-text-on-dark: #fafafa;
  --color-text-on-dark-secondary: rgba(250, 250, 250, 0.72);
  --color-text-on-dark-muted: rgba(250, 250, 250, 0.5);

  /* ========== 背景层 · Zinc 中性黑家族 ========== */
  --color-bg: #0a0a0a;
  --color-bg-primary: #0a0a0a;
  --color-bg-secondary: #171717;
  --color-bg-tertiary: #262626;
  --color-bg-quaternary: #404040;
  --color-bg-dark: #050505;
  --color-bg-darker: #000000;

  --color-header-bg: #0a0a0a;
  --color-footer-bg: #000000;
  --color-footer-text: #a1a1aa;

  --color-bg-section: #0a0a0a;
  --color-bg-section-alt: #171717;
  --color-bg-overlay: rgba(0, 0, 0, 0.8);

  /* ========== 边框层 · 更克制的橙 alpha (比 T6 再低一档) ========== */
  --color-border: rgba(234, 88, 12, 0.12);
  --color-border-light: rgba(234, 88, 12, 0.05);
  --color-border-dark: rgba(234, 88, 12, 0.25);
  --color-border-focus: #ea580c;
  --color-border-hero: rgba(250, 250, 250, 0.08);
  --color-border-card-hover: #ea580c;
  --color-border-glow-primary: rgba(234, 88, 12, 0.4);

  /* ========== Overlay ========== */
  --color-overlay: rgba(0, 0, 0, 0.8);
  --color-overlay-light: rgba(0, 0, 0, 0.5);
  --overlay-accent-10: rgba(234, 88, 12, 0.12);
  --overlay-primary-10: rgba(234, 88, 12, 0.1);
  --overlay-primary-15: rgba(234, 88, 12, 0.15);
  --overlay-primary-20: rgba(234, 88, 12, 0.2);
  --overlay-primary-30: rgba(234, 88, 12, 0.3);
  --overlay-primary-40: rgba(234, 88, 12, 0.4);
  --overlay-primary-50: rgba(234, 88, 12, 0.5);

  --overlay-text-06: rgba(0, 0, 0, 0.25);
  --overlay-text-08: rgba(0, 0, 0, 0.35);
  --overlay-text-10: rgba(0, 0, 0, 0.45);

  /* ========== 阴影 · 克制橙光 (比 T6 再收一档, 匹配 Ledger 极简) ========== */
  --shadow-glow-primary: 0 6px 24px rgba(234, 88, 12, 0.18), 0 2px 8px rgba(234, 88, 12, 0.1);
  --shadow-focus: 0 0 0 3px rgba(234, 88, 12, 0.25);
  --shadow-card-hover: 0 6px 20px rgba(234, 88, 12, 0.14);
  --shadow-xs:    0 1px 2px var(--overlay-black-25);
  --shadow-sm:    0 2px 4px var(--overlay-black-25), 0 1px 2px var(--overlay-black-10);
  --shadow-md:    0 4px 12px var(--overlay-black-25), 0 2px 4px var(--overlay-black-10);
  --shadow-lg:    0 12px 32px var(--overlay-black-50), 0 4px 8px var(--overlay-black-25);
  --shadow-xl:    0 24px 48px var(--overlay-black-50), 0 8px 16px var(--overlay-black-25);
  --shadow-2xl:   0 32px 64px var(--overlay-black-50);
  --shadow-inner: inset 0 2px 4px var(--overlay-black-25);
  --shadow-card:  0 4px 16px var(--overlay-black-25);

  /* ========== Glass · V2 实色退化 ========== */
  --glass-bg: #0a0a0a;

  /* ============================================================
     Hero 极简 3 色垂直 · 对齐 Ledger 克制美学
     刻意不做 T6/T7/T8/T9 的四色/五色激进斜渡
     色停点: 顶 #171717 (微抬亮 zinc 900, 让顶部有 subtle 呼吸)
              40% #0a0a0a (落到正文底)
              100% #000000 (底部沉真黑)
     180deg 纯垂直, 走极简路线
     ============================================================ */
  --color-gradient-radial:
    linear-gradient(180deg,
      #171717 0%,
      #0a0a0a 40%,
      #000000 100%
    );

  --color-gradient-cta: linear-gradient(135deg, #fb923c 0%, #ea580c 40%, #c2410c 100%);

  /* ============================================================
     T10 专属点位覆盖 · 深底必须补
     ============================================================ */

  --card-bg-elevated: #171717;

  --hero-tip-bg: var(--overlay-white-10);
  --hero-tip-border: var(--overlay-white-15);
  --hero-badge-bg: var(--overlay-primary-20);
  --hero-badge-border: var(--overlay-primary-30);

  /* ============================================================
     跨组件语义层 · T10 继承说明
     T10 是 "深底 + 火焰深橙" 结构, 与 T2/T6/T8/T9 同构
     下列语义 token 通过 base 层 lazy var() 自动联动:
       --hero-bg                     → base: --color-gradient-radial (已覆盖为 3 色极简)
       --hero-text                   → base: --color-text-on-dark (已覆盖为 neutral white)
       --badge-primary-*             → base: --color-primary + --color-text-on-primary
       --tag-active-*                → base: --color-primary
       --price-tag-*                 → base: --color-gradient-primary (联动 Orange 600 family)
       --cta-primary-*               → base: --color-primary + shadow-glow-primary (克制光晕)
       --cta-secondary-*             → base: --color-primary outline + light hover
       --alert-*                     → base: 语义色 family
       --panel-*                     → base: bg-section / bg-section-alt

     T10 "Ledger 克制"关键:
       · 主色用 Orange 600 (ea580c) 而非 T6 的 Orange 500 (f97316)
         → 视觉重量更沉, 更企业, 不过于热烈
       · shadow-glow-primary 的 alpha 从 T6 的 0.22 降到 0.18
         → CTA 光晕更收, 符合 Ledger 那种"不张扬的贵气"
       · Hero 从四色斜渡退为三色垂直
         → 页面上方留白呼吸感强, 对齐 Ledger 克制构图
       · 底色从 T6 暖棕 #1a0a05 改为中性 zinc #0a0a0a
         → 肉眼可辨的"冷 vs 暖", 两主题共存不混淆

     组件差异化建议 (不写在 token 层, 留到 [data-theme="10"] .xxx):
       · 卡片四角方括号装饰 (Ledger [LEDGER] logo 同款)
       · 顶部 announcement bar (公告条)
       · CTA 圆角收紧 (Ledger 按钮 radius 偏小)
       这些要素属"规则"而非"值", 必须下沉到组件 CSS
     ============================================================ */
}