/* 青灵智语 v2 · 暗夜国风设计系统
   基调：玄夜为底，鎏金为脉，五行入色。375px 设计稿基准，1px = 2rpx。
   所有色值为设计稿 px 基准（rpx = px × 2）。 */

:root {
  /* —— 底色体系（夜与宣） —— */
  --night-0: #12100d;        /* 页面底 · 玄夜 */
  --night-1: #1a1713;        /* 容器底 · 暗檀 */
  --night-2: #23201a;        /* 组件底 · 墨榻 */
  --night-3: #2d2822;        /* 浮层底 · 隐几 */
  --ink-1: #ede6d8;          /* 主文字 · 月白 */
  --ink-2: #b3a98f;          /* 次文字 · 缃色 */
  --ink-3: #7a7161;          /* 辅文字 · 灰陶 */
  --line-1: rgba(237, 230, 216, 0.08);   /* 分割线 */
  --line-2: rgba(237, 230, 216, 0.16);   /* 描边 */
  --mask: rgba(10, 9, 7, 0.72);          /* 遮罩 */

  /* —— 品牌脉（鎏金系） —— */
  --gold: #c9a962;           /* 鎏金 · 品牌主色 */
  --gold-strong: #dcc389;    /* 鎏金亮 · 强调文字/数值 */
  --gold-deep: #8a713c;      /* 鎏金沉 · 描边/次级强调 */
  --gold-dim: rgba(201, 169, 98, 0.14);  /* 金雾 · 浅底/选中底 */
  --ok: #6f9c6a;             /* 木青 · 成功 */
  --warn: #c99a4b;           /* 土金 · 警示 */
  --bad: #c2685d;            /* 赤陶 · 错误 */
  --bad-bright: #d48277;     /* 亮版失败色 · 步骤「失败」态用（--bad 在深底上对比度不够；设计系统文档已批准） */
  --info: #7b97b5;           /* 黛蓝 · 提示 */

  /* —— 五行色（暗色域 · 文字浓度值/浅底值成对） —— */
  --wx-wood: #6fae7a;   --wx-wood-bg: rgba(111, 174, 122, 0.16);
  --wx-fire: #d4695c;   --wx-fire-bg: rgba(212, 105, 92, 0.16);
  --wx-earth: #c99a4b;  --wx-earth-bg: rgba(201, 154, 75, 0.16);
  --wx-metal: #cfc07a;  --wx-metal-bg: rgba(207, 192, 122, 0.16);
  --wx-water: #6f9bd0;  --wx-water-bg: rgba(111, 155, 208, 0.16);

  /* —— 字体 ——
     标题/解读正文：serif（宋体系）
     命盘数据/表单/金额：sans（苹方系） */
  --font-serif: "Songti SC", "Noto Serif SC", "STSong", serif;
  --font-sans: "PingFang SC", -apple-system, sans-serif;
  /* 字阶 px（×2 = rpx）：display 28 / title 20 / title-sm 18 /
     body 16 / body-sm 14 / mark 13 / mark-sm 12 / min 12（下限） */

  /* —— 圆角（克制，延续小圆角语言） —— */
  --r-sm: 3px;    /* 标签/角标 */
  --r-md: 8px;    /* 按钮/输入框 */
  --r-lg: 12px;   /* 卡片/弹层 */
  --r-round: 999px;

  /* —— 间距 8px 基阶 —— */
  --s-1: 8px;  --s-2: 12px;  --s-3: 16px;  --s-4: 24px;  --s-5: 32px;  --s-6: 48px;

  /* —— 阴影：仅弹层用，夜色域提亮边缘而非投黑 —— */
  --shadow-pop: 0 6px 30px 5px rgba(0, 0, 0, 0.45),
                0 16px 24px 2px rgba(0, 0, 0, 0.35),
                0 0 0 1px rgba(201, 169, 98, 0.10);
}