/* ============================================================
   设计令牌（唯一真源）  2026-10-31
   ------------------------------------------------------------
   背景：全站曾有 5 套 :root 变量体系，同一个语义（主色/圆角/阴影）
   在不同页面用不同名字和不同值，颜色与间距在页面间漂移。

   这里的做法不是"重写变量"，而是加一层**语义 token**：
   各 CSS 里原有的别名（--green / --uo-green / --primary-mid ...）
   改成指向下面的 --tk-*，**值一个字都没变**，所以零视觉回归。

   以后新增样式只允许引用 --tk-*，不要再自己定义一套。
   ============================================================ */
:root {
    /* ---- 品牌色（与全站绿色主题一致） ---- */
    --tk-primary:          #28a745;   /* = --green = --uo-green */
    --tk-primary-dark:     #1e7b34;   /* = --green-dark = --uo-green-dark */
    --tk-primary-light:    #d4edda;   /* = --green-light = --uo-green-light */
    --tk-primary-bg:       #f0fdf4;   /* = --green-bg = --uo-green-bg */
    --tk-primary-border:   #bbf7d0;   /* = --uo-green-border */
    --tk-primary-deep:     #14532D;   /* 深绿，表头渐变起色 */
    --tk-primary-deep-2:   #166534;   /* 深绿，表头渐变终色 */
    --tk-primary-mid:      #2E7D32;   /* = --uo-green-mid = --primary-mid */
    --tk-primary-deeper:   #14532D;   /* = --uo-green-deeper */
    --tk-primary-bright:   #4CAF50;   /* = --primary-light（更亮的绿） */
    --tk-primary-pale:     #F1F8E9;   /* = --primary-pale */
    --tk-gradient-primary: linear-gradient(135deg, #14532D, #166534);

    /* ---- 功能色 ---- */
    --tk-info:             #1976D2;
    --tk-info-bg:          #e3f2fd;
    --tk-danger:           #D32F2F;
    --tk-danger-bg:        #fee2e2;
    --tk-warning:          #ED6C02;
    --tk-warning-bg:       #fff3e0;
    --tk-note-bg:          #FEF3C7;

    /* ---- 中性色 ---- */
    --tk-text-primary:     #1F2937;
    --tk-text-secondary:   #6B7280;
    --tk-bg-light:         #F8FAFC;
    --tk-bg-white:         #FFFFFF;
    --tk-border:           #E5E7EB;
    --tk-border-light:     #f1f5f9;

    /* ---- 圆角 ---- */
    --tk-radius-sm:        8px;
    --tk-radius-md:        12px;
    --tk-radius-lg:        16px;
    --tk-radius-xl:        20px;

    /* ---- 阴影 ---- */
    --tk-shadow-sm:        0 1px 4px rgba(0,0,0,.08);
    --tk-shadow-md:        0 4px 12px rgba(0,0,0,.1);
    --tk-shadow-lg:        0 8px 24px rgba(0,0,0,.12);
    --tk-shadow-green:     0 4px 16px rgba(46,125,50,0.1);
}