/* ==========================================================================
   tokens.css · 设计令牌（默认皮肤：品牌红黑 = 湖北万客网络科技有限公司品牌色）
   --------------------------------------------------------------------------
   皮肤机制：本文件的 :root 是默认皮肤（品牌红黑）；
            其它皮肤在 assets/css/skins.css 中以 [data-skin="xxx"] 覆盖同名变量。
            改颜色只动这两处，组件代码无需修改。详见 docs/06-skins.md
   ========================================================================== */

:root {
  color-scheme: dark;

  /* 品牌色 */
  --color-primary: #ff4444;
  --color-primary-dark: #d92b2b;
  --color-primary-hover: #ff6b6b;
  --color-primary-soft: rgba(255, 68, 68, 0.14);
  --color-accent: #ffb020;

  /* 平台标识色（深色底上取高可读性版本） */
  --color-wx: #07c160;
  --color-dy: #25f4ee;

  /* 中性色（深色主题） */
  --color-bg: #0c0c0c;
  --color-bg-alt: #141414;
  --color-card: #1a1a1a;
  --color-card-hover: #212121;
  --color-border: #333333;
  --color-border-strong: #444444;
  --color-text: #e8e8e8;
  --color-text-sub: #a0a0a0;
  --color-text-dim: #8a8a8a;      /* 由 #6f6f6f 调整而来：原值对比度仅 3.4:1，不达 WCAG AA */

  /* 组件底色（皮肤可覆盖，浅色皮肤需要不同底色） */
  --color-header-bg: rgba(12, 12, 12, 0.92);
  --color-toast-bg: rgba(26, 26, 26, 0.96);
  --color-skeleton-1: #1a1a1a;
  --color-skeleton-2: #242424;

  /* 次级表面：徽标/图标底座等"比卡片更暗一档"的小色块
     （浅色皮肤里不能复用 --color-bg-alt，因为那里它是纯白，会和白色卡片糊在一起） */
  --color-surface-2: #141414;

  /* 渐变 */
  --gradient-bg: linear-gradient(135deg, #0c0c0c 0%, #1a1a1a 50%, #0c0c0c 100%);
  --gradient-primary: linear-gradient(45deg, #ff4444, #ff6b6b);
  --gradient-card: linear-gradient(145deg, #1e1e1e, #242424);
  --gradient-info: linear-gradient(45deg, #0a84ff, #41b3ff);

  /* 圆角 */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  /* 阴影 */
  --shadow-card: 0 2px 12px rgba(0, 0, 0, 0.45);
  --shadow-hover: 0 8px 24px rgba(255, 68, 68, 0.22);
  --shadow-header: 0 2px 12px rgba(0, 0, 0, 0.6);

  /* 间距 */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;

  /* 字号 */
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-md: 16px;
  --font-size-lg: 20px;
  --font-size-xl: 24px;
  --font-size-xxl: 28px;

  /* 字体 */
  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;

  /* 布局 */
  --container-max: 1200px;
  --header-height: 56px;
  --transition: 0.2s ease;
}