/* ============================================================
   设计令牌（Design Tokens）—— 静态版主站唯一色彩来源
   来源：frontend/src/styles/tokens.css（与原站一致）
   原则：
     1. 色值只在这里定义一次
     2. 变量以 "R G B" 三元组存放，便于透明度（rgb(var(--c-x-rgb) / 0.1)）
     3. 冷金（gold）为推荐位/VIP/重点徽章专用色，普通强调一律用墨蓝（blue-bright）

   移动优先：断点 <640 手机 / 640-1024 平板 / >1024 桌面
   ============================================================ */

:root {
  /* ---------- 主色：深蓝 / 藏青 / 墨蓝 ---------- */
  --c-navy-rgb: 11 27 58;           /* 藏青 #0B1B3A —— 页头、深色区块 */
  --c-navy-light-rgb: 18 58 107;    /* 深蓝 #123A6B —— 页脚、次级深色 */
  --c-navy-dark-rgb: 5 15 31;       /* 最深 #050F1F —— 极深底 */
  --c-blue-rgb: 18 58 107;          /* 深蓝 #123A6B —— 主按钮 */
  --c-blue-bright-rgb: 30 90 168;   /* 墨蓝 #1E5AA8 —— 链接、悬停、强调 */
  --c-blue-mist-rgb: 232 238 247;   /* 雾蓝 #E8EEF7 —— 卡片底、分区背景 */

  /* ---------- 辅色：银灰 / 冷金 ---------- */
  --c-silver-rgb: 199 206 216;      /* 银灰 #C7CED8 —— 分割线、边框 */
  --c-silver-light-rgb: 232 238 247;/* 雾蓝 #E8EEF7 —— 浅底、深色区文字 */
  --c-silver-dark-rgb: 138 145 155; /* 深银灰 #8A919B —— 次级文字 */
  --c-gold-rgb: 201 169 97;         /* 冷金 #C9A961 —— 推荐/VIP/重点徽章 */
  --c-gold-light-rgb: 240 230 210;  /* 浅金 #F0E6D2 —— 推荐位背景 */
  --c-gold-dark-rgb: 168 137 74;    /* 暗金 #A8894A —— 金色悬停 */

  /* ---------- 功能色 ---------- */
  --c-success-rgb: 27 138 90;       /* 翠绿 #1B8A5A —— 免费、可用 */
  --c-warning-rgb: 199 116 0;       /* 琥珀 #C77400 —— 需 Key、注意 */
  --c-danger-rgb: 179 58 58;        /* 朱红 #B33A3A —— 付费、警告 */

  /* ---------- 中性色 ---------- */
  --c-text-primary-rgb: 26 31 43;   /* 墨黑 #1A1F2B —— 正文 */
  --c-text-secondary-rgb: 90 100 120;/* 灰蓝 #5A6478 —— 辅助说明 */
  --c-bg-rgb: 247 249 252;          /* 云白 #F7F9FC —— 页面背景 */
  --c-bg-card-rgb: 255 255 255;     /* 卡片白 */

  /* ---------- 直接可用的色值 ---------- */
  --c-navy: rgb(var(--c-navy-rgb));
  --c-blue: rgb(var(--c-blue-rgb));
  --c-blue-bright: rgb(var(--c-blue-bright-rgb));
  --c-blue-mist: rgb(var(--c-blue-mist-rgb));
  --c-silver: rgb(var(--c-silver-rgb));
  --c-gold: rgb(var(--c-gold-rgb));
  --c-gold-light: rgb(var(--c-gold-light-rgb));
  --c-text-primary: rgb(var(--c-text-primary-rgb));
  --c-text-secondary: rgb(var(--c-text-secondary-rgb));
  --c-bg: rgb(var(--c-bg-rgb));

  /* ---------- 触控与尺寸 ---------- */
  --touch-min: 44px;
  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 16px;
  --header-h: 56px;
  --bottom-nav-h: 56px;
}

/* ============================================================
   补齐：Tailwind 未生成的调色板工具类

   styles.css 是 tailwind.input.css 的**编译产物**，里面共 47 个颜色工具类，
   但漏掉了下面这几个 —— 模板里写了却没生效（静默失效、不报错）。
   补在这里而不补进 styles.css，是为了**将来重编译 Tailwind 也不会丢**。
   色值一律引用上面的令牌，不新增任何色值。
   ============================================================ */

/* 背景：令牌色的透明度变体（styles.css 只生成了 /40） */
.bg-blue-mist\/50 { background-color: rgb(var(--c-blue-mist-rgb) / 0.5); }
.bg-blue-mist\/60 { background-color: rgb(var(--c-blue-mist-rgb) / 0.6); }
.bg-navy\/5       { background-color: rgb(var(--c-navy-rgb) / 0.05); }

/* 字号（styles.css 只生成到 text-4xl；任意值类也没生成） */
.text-5xl           { font-size: 3rem;   line-height: 1; }
.text-\[11px\]      { font-size: 11px; }