/* ==========================================================================
   UAEC Design Tokens — 与 uaec-frontend/docs/design-tokens.md §8 定稿一致
   品牌 #F3B824 · 涨 #18AE83 · 跌 #F10E38 · 暗色灰阶 color_system_bg_000-300
   本站为暗色单主题（对齐 H5 RWA 板块 #101214 暗色基调）。
   所有页面样式一律引用本文件变量，不写死色值/圆角/字体。
   ========================================================================== */

:root {
  /* ---- 品牌色 Brand ---- */
  --color-brand: #F3B824;
  --color-brand-deep: #B38601;          /* color_text_body_brand 深金/文字金 */
  --color-brand-10: rgba(243, 184, 36, 0.10);   /* color_brand_percent10 */
  --color-brand-16: rgba(243, 184, 36, 0.16);
  --color-brand-30: rgba(243, 184, 36, 0.30);
  --gradient-brand: linear-gradient(135deg, #F6CC47 0%, var(--color-brand) 55%, var(--color-brand-deep) 130%);

  /* ---- 功能色（安卓现役定稿）---- */
  --color-up: #18AE83;                  /* fbt_sell_color 主涨绿 */
  --color-up-10: rgba(40, 232, 152, 0.10);      /* color_green_percent10 基色 #28E898 */
  --color-up-20: rgba(40, 232, 152, 0.20);
  --color-down: #F10E38;                /* fbt_buy_color 主跌红 */
  --color-down-15: rgba(227, 86, 75, 0.15);     /* color_red_percent15 基色 #E3564B */
  --color-info: #1E7AFD;                /* color_text_hint_blue */
  --color-info-10: rgba(30, 122, 253, 0.10);

  /* ---- 中性色 Greyscale（values-night 暗色档）---- */
  --system-bg-000: #101214;             /* 页面底 */
  --system-bg-100: #1D2125;             /* 卡片 */
  --system-bg-200: #22272B;             /* 输入框/内嵌面板 */
  --system-bg-300: #2C333A;             /* 描边/更深一档 */
  --text-head-1: #F7F8F9;
  --text-head-2: #A2A2A2;
  --text-head-3: #878787;
  --text-body-2: #666666;               /* 弱化说明/禁用 */
  --color-divider: rgba(255, 255, 255, 0.06);
  --color-mask: rgba(0, 0, 0, 0.60);    /* 遮罩 */

  /* ---- 字体 Typography（H5 common.scss 系统栈）---- */
  --font-main: "PingFang SC", "PingFangSC-Regular", "HarmonyOS Sans SC",
    -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
  --font-num: "DIN Alternate", "Bahnschrift", "Roboto Condensed", var(--font-main);

  /* ---- 圆角（默认 4px 体系）---- */
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;

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

  /* ---- 版式 ---- */
  --page-max: 1200px;
  --page-pad: 24px;
  --page-pad-m: 16px;

  /* ---- 阴影 / 层级 ---- */
  --shadow-card: 0 2px 16px rgba(0, 0, 0, 0.10);
  --shadow-pop: 0 8px 32px rgba(0, 0, 0, 0.40);
  --z-nav: 100;
  --z-sticky: 200;
  --z-modal: 1000;

  /* ---- 动效 ---- */
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur-fast: 0.15s;
  --dur-base: 0.25s;
}