/* ==========================================================================
   theme-light.css — 白骨架（主站默认皮肤）
   结构：纯白底 / 黑文字 / 1px 极细边框
   强调：暖橙 —— 黑白做骨架，暖色只出现在"可点"和"数据"两类地方
   换皮肤：在 HTML 里把这一行换成 theme-dark.css 即可，内容不用动
   ========================================================================== */

:root{
  --bg:            #ffffff;
  --bg-sub:        #fafafa;   /* 次级区块底色 */
  --panel:         #ffffff;   /* 卡片 */
  --panel-hover:   #fcfcfc;

  --border:        #eaeaea;   /* 1px 极细边框 */
  --border-strong: #d4d4d4;

  --text:          #000000;   /* 主文字 */
  --text-dim:      #666666;   /* 次级文字  5.74:1 */
  --text-faint:    #767676;   /* 更弱  4.54:1 —— 原本写 #999（2.85:1），
                                 但页脚的备案号用的是这一档，法条要求可读，压到刚好过关 */

  /* ---- 暖色（实测自 LOGO：#FD792D 与 logo 像素距离 2.2，是原色不是调的）----
     全站暖色像素面积目标 < 5%，只允许用在：主 CTA 底、序号、数据高光、H1 局部渐变 */
  --accent:        #fa6936;   /* 暖色"面"：主按钮底、焦点框、小圆点 */
  --accent-hover:  #ec5a26;
  --accent-text:   #1a0d05;   /* 压在暖色面上的字。白字压橙底只有 2.94:1，不达标；
                                 近黑暖色 6.47:1 —— 所以暖底永远配深字，不配白字 */
  --accent-ink:    #c2410c;   /* 暖色"字"：小字号橙字必须用这一档。
                                 #fa6936 当文字压在白底上只有 2.94:1，远不够 4.5:1；
                                 压深到 #c2410c 是 5.1:1，色相仍在同一族（18° vs 16°） */
  --accent-soft:   #fff4ef;   /* 低饱和小面积底（标签、提示条） */
  --accent-hi:     #b45309;   /* 数据高光：关键数字。
                                 白底上 #fcb21d 只有 1.82:1，当数字完全读不清；
                                 压深到 #b45309 是 5.05:1，色相仍在琥珀族（26°） */

  /* 品牌渐变。取自 logo 的暖色走向（logo 实测：暖橙黄 55% / 品红 36% / 蓝 9%）。
     全站只允许用一次（H1 局部）。

     白皮肤这里**砍掉了黄色那一段**：渐变是压在白底上的文字填充，
     必须按最亮的一端着色。原三段的左端 #fdc415 压白底只有 1.61:1，
     第一个字基本读不出来（实测，见图 _preview-grad-compare.png 的 A）。
     改用 红 → 品红：两端 3.39:1 / 6.04:1，大字号门槛 3:1 都过。

     黑皮肤不砍（theme-dark.css 保留黄→红→品红）——
     同样的黄压在近黑底上是 12.35:1，本来就够，砍了反而丢了品牌跨度。
     两套皮肤在这一项上不同，是**因为可读性约束不同**，不是疏忽。 */
  --brand-grad:    linear-gradient(90deg,#fd443d 0%,#b8187f 100%);

  --grid-line:     rgba(0,0,0,.045);  /* 极细网格线 */

  --nav-bg:        rgba(255,255,255,.80);
  --nav-bg-solid:  #ffffff;           /* 不支持 backdrop-filter 时的降级底色 */

  --shadow:        none;              /* 白系几乎不用阴影 */
  --shadow-lift:   0 2px 8px rgba(0,0,0,.06);

  --code-bg:       #f5f5f5;

  /* 圆角：Vercel 系偏方角 */
  --r-btn:  4px;
  --r-card: 6px;
}