/* =============================================================================
 * tokens.css —— 设计变量层（现代样式层第 1/4 支）
 *
 * 加载顺序：原站镜像 CSS → tokens → base-modern → components → responsive
 * 原站镜像 CSS（style6.0 / style7.0 那几支）一行未改，
 * 本层全部靠「后加载 + 同权重」覆盖，回滚只需注释掉 functions.php 里 5 行 enqueue。
 *
 * ★ 品牌色取自原站实测频次，**不重新设计**：
 *     主绿 #17A763(10) / 亮绿 #22C770(6) / 链接蓝 #0067B4(7) + #00599C(3) / 橙 #FF6600(2)
 *   原站灰阶只有 3 档（#333 #666 #CCC），这里补足到 6 档。
 * ========================================================================== */

:root{

	/* ---- 品牌色（沿用原站） ---- */
	--aa-green:      #17A763;   /* 主色：标题栏 / 按钮 / 强调 */
	--aa-green-d:    #128A50;   /* 主色深一档：hover / active */
	--aa-green-b:    #22C770;   /* 亮绿：微信 / 次级强调 */
	--aa-blue:       #0067B4;   /* 正文链接 */
	--aa-blue-d:     #00599C;   /* 链接 hover */
	--aa-orange:     #FF6600;   /* 价格 / 提醒 */
	--aa-red:        #990000;   /* 警示 / 头条 */

	/* ---- 中性阶（原站只有 3 档，补齐） ---- */
	--aa-t1:         #1F2328;   /* 最强：大标题 */
	--aa-t2:         #333333;   /* 正文 */
	--aa-t3:         #666666;   /* 次要 */
	--aa-t4:         #999999;   /* 辅助 / 元信息 */
	--aa-t5:         #BBBBBB;   /* 禁用 */
	--aa-t6:         #DDDDDD;   /* 极弱 */

	/* ---- 线 / 底 ---- */
	--aa-line:       #DFDFDF;
	--aa-line-l:     #EEEEEE;
	--aa-line-xl:    #F5F5F5;
	--aa-bg:         #FFFFFF;
	--aa-bg-2:       #F7F8FA;   /* 页面底 / 分区底 */
	--aa-bg-3:       #F2F4F7;   /* 卡片底 */

	/* ---- 形状 ---- */
	--aa-r-sm:       4px;
	--aa-r:          6px;
	--aa-r-lg:       10px;
	--aa-sh:         0 1px 2px rgba(0,0,0,.04);
	--aa-sh-2:       0 2px 8px rgba(0,0,0,.06);
	--aa-sh-h:       0 6px 18px rgba(0,0,0,.10);

	/* ---- 间距阶梯（8pt） ---- */
	--aa-s1:         4px;
	--aa-s2:         8px;
	--aa-s3:         12px;
	--aa-s4:         16px;
	--aa-s5:         24px;
	--aa-s6:         32px;
	--aa-s7:         48px;

	/* ---- 字号阶梯 ---- */
	--aa-f-xs:       12px;
	--aa-f-sm:       13px;
	--aa-f-md:       14px;
	--aa-f-lg:       16px;
	--aa-f-xl:       18px;
	--aa-f-2xl:      22px;
	--aa-f-3xl:      28px;

	/* ---- 布局 ---- */
	--aa-container:  1200px;    /* 桌面基线宽度，与原站 .wrap 一致 */
	--aa-gutter:     16px;      /* 窄屏左右留白 */
	--aa-tap:        44px;      /* 最小触控目标 */
	--aa-drawer:     280px;     /* 移动端抽屉宽度 */

	/* ---- 动效 ---- */
	--aa-ease:       cubic-bezier(.4,0,.2,1);
	--aa-dur:        .18s;
}