/* =========================================================
   玉衡 · 全局设计令牌（RGB 数值格式，便于 rgb()/rgba() 调用）
   ========================================================= */

/* ---- 默认：现代素白（留白 · 克制 · 高级） ---- */
:root {
  /* 宣纸色系（背景/文字主色） */
  --qn-xuan-zhi: 250 248 244;
  --qn-xuan-zhi-dark: 242 238 231;
  --qn-xuan-zhi-soft: 255 254 252;

  /* 墨色阶（文字/深色背景） */
  --qn-dai-qing: 42 44 48;
  --qn-dai-qing-dark: 28 30 34;
  --qn-dai-qing-light: 78 82 88;

  /* 古铜金（强调色）—— 低饱和、克制 */
  --qn-hu-po-jin: 176 140 96;
  --qn-hu-po-jin-light: 202 168 124;
  --qn-hu-po-jin-dark: 142 110 72;

  /* 辅助色 */
  --qn-zhu-sha: 168 86 76;
  --qn-ziwei-purple: 130 120 160;
  --qn-star-white: 250 248 244;
  --qn-ink-black: 28 30 34;

  /* 五行色 —— 降低饱和度 */
  --qn-mu: 92 148 96;
  --qn-huo: 196 96 76;
  --qn-tu: 178 144 92;
  --qn-jin: 184 156 104;
  --qn-shui: 84 132 168;

  /* 语义别名（兼容旧命名） */
  --qn-earth: var(--qn-tu);
  --qn-fan-hong: var(--qn-zhu-sha);

  /* 语义色（兼容旧变量名） */
  --qn-bg-primary: rgb(var(--qn-xuan-zhi));
  --qn-bg-secondary: rgb(var(--qn-xuan-zhi-dark));
  --qn-bg-tertiary: rgb(235 232 224);
  --qn-bg-card: rgba(255, 255, 255, 0.82);
  --qn-bg-glass: rgba(250, 248, 244, 0.72);

  --qn-text-primary: rgb(var(--qn-dai-qing));
  --qn-text-secondary: rgb(var(--qn-dai-qing-light));
  --qn-text-muted: rgb(var(--qn-dai-qing) / 0.5);

  --qn-accent-gold: rgb(var(--qn-hu-po-jin));
  --qn-accent-gold-light: rgb(var(--qn-hu-po-jin-light));
  --qn-accent-gold-dark: rgb(var(--qn-hu-po-jin-dark));
  --qn-accent-purple: rgb(var(--qn-ziwei-purple));
  --qn-accent-blue: rgb(var(--qn-dai-qing-light));

  --qn-border: rgb(var(--qn-dai-qing) / 0.08);
  --qn-border-hover: rgb(var(--qn-hu-po-jin) / 0.35);

  --qn-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04), 0 1px 1px rgba(0, 0, 0, 0.03);
  --qn-shadow-md: 0 6px 18px -6px rgba(0, 0, 0, 0.08), 0 2px 6px -2px rgba(0, 0, 0, 0.04);
  --qn-shadow-lg: 0 18px 44px -12px rgba(0, 0, 0, 0.12), 0 6px 16px -6px rgba(0, 0, 0, 0.05);
  --qn-shadow-gold: 0 10px 30px -8px rgb(var(--qn-hu-po-jin) / 0.18);

  --qn-radius-sm: 8px;
  --qn-radius-md: 12px;
  --qn-radius-lg: 18px;
  --qn-radius-xl: 26px;
  --qn-radius-full: 9999px;

  --qn-spacing-xs: 4px;
  --qn-spacing-sm: 8px;
  --qn-spacing-md: 16px;
  --qn-spacing-lg: 24px;
  --qn-spacing-xl: 40px;

  --qn-font-serif: "Noto Serif SC", "Songti SC", "STSong", serif;
  --qn-font-sans: "Inter", "PingFang SC", "Microsoft YaHei", sans-serif;

  --qn-transition-fast: 0.15s ease;
  --qn-transition-normal: 0.3s ease;
  --qn-transition-slow: 0.5s ease;
  --qn-transition-base: 0.3s ease;

  --qn-z-nav: 100;
  --qn-z-modal: 200;
  --qn-z-toast: 300;

  --qn-font-size-xs: 0.75rem;
  --qn-font-size-sm: 0.875rem;
  --qn-font-size-base: 1rem;
  --qn-font-size-lg: 1.125rem;
  --qn-font-size-xl: 1.25rem;
  --qn-font-size-2xl: 1.5rem;
  --qn-font-size-3xl: 1.875rem;
  --qn-font-size-4xl: 2.25rem;
  --qn-font-size-5xl: 3rem;
  --qn-font-size-6xl: 3.75rem;

  --qn-container-max-w-sm: 640px;
  --qn-container-max-w-md: 768px;
  --qn-container-max-w-lg: 1024px;
  --qn-container-max-w-xl: 1280px;
  --qn-container-max-w-2xl: 1536px;

  --qn-safe-area-top: env(safe-area-inset-top, 0px);
  --qn-safe-area-bottom: env(safe-area-inset-bottom, 0px);
  --qn-safe-area-left: env(safe-area-inset-left, 0px);
  --qn-safe-area-right: env(safe-area-inset-right, 0px);
}

/* ---- 星象版（璇玑夜观） ---- */
[data-theme="celestial"] {
  --qn-xuan-zhi: 245 245 255;
  --qn-xuan-zhi-dark: 220 220 245;
  --qn-xuan-zhi-soft: 250 250 255;

  --qn-dai-qing: 126 200 200;
  --qn-dai-qing-dark: 10 22 40;
  --qn-dai-qing-light: 160 220 220;

  --qn-hu-po-jin: 201 162 39;
  --qn-hu-po-jin-light: 224 192 74;
  --qn-hu-po-jin-dark: 168 132 32;

  --qn-zhu-sha: 180 90 110;
  --qn-ziwei-purple: 140 120 200;
  --qn-star-white: 240 245 255;
  --qn-ink-black: 8 12 24;

  --qn-mu: 60 180 80;
  --qn-huo: 220 90 60;
  --qn-tu: 200 150 60;
  --qn-jin: 220 180 80;
  --qn-shui: 80 140 220;

  --qn-bg-primary: rgb(var(--qn-ink-black));
  --qn-bg-secondary: rgb(10 18 35);
  --qn-bg-tertiary: rgb(16 28 55);
  --qn-bg-card: rgba(16, 28, 55, 0.7);
  --qn-bg-glass: rgba(16, 28, 55, 0.5);

  --qn-text-primary: rgb(var(--qn-star-white));
  --qn-text-secondary: rgb(var(--qn-dai-qing));
  --qn-text-muted: rgb(var(--qn-dai-qing) / 0.55);

  --qn-border: rgb(var(--qn-hu-po-jin) / 0.12);
  --qn-border-hover: rgb(var(--qn-hu-po-jin) / 0.25);
  --qn-shadow-gold: 0 0 30px rgb(var(--qn-hu-po-jin) / 0.12);
}

/* ---- 宣纸版（松烟落墨） ---- */
[data-theme="paper"] {
  --qn-xuan-zhi: 244 232 200;
  --qn-xuan-zhi-dark: 228 216 186;
  --qn-xuan-zhi-soft: 250 242 220;

  --qn-dai-qing: 0 77 77;
  --qn-dai-qing-dark: 10 46 46;
  --qn-dai-qing-light: 0 102 102;

  --qn-hu-po-jin: 184 146 46;
  --qn-hu-po-jin-light: 212 175 55;
  --qn-hu-po-jin-dark: 144 114 36;

  --qn-zhu-sha: 168 64 80;
  --qn-ziwei-purple: 110 95 145;
  --qn-star-white: 245 240 232;
  --qn-ink-black: 30 25 20;

  --qn-mu: 64 128 48;
  --qn-huo: 180 60 40;
  --qn-tu: 160 110 36;
  --qn-jin: 170 130 56;
  --qn-shui: 50 90 160;

  --qn-bg-primary: rgb(var(--qn-xuan-zhi));
  --qn-bg-secondary: rgb(239 232 219);
  --qn-bg-tertiary: rgb(229 220 200);
  --qn-bg-card: rgba(255, 252, 245, 0.85);
  --qn-bg-glass: rgba(255, 252, 245, 0.65);

  --qn-text-primary: rgb(var(--qn-dai-qing));
  --qn-text-secondary: rgb(var(--qn-dai-qing) / 0.75);
  --qn-text-muted: rgb(var(--qn-dai-qing) / 0.5);

  --qn-accent-gold: rgb(var(--qn-hu-po-jin));
  --qn-accent-gold-light: rgb(var(--qn-hu-po-jin-light));
  --qn-accent-gold-dark: rgb(var(--qn-hu-po-jin-dark));

  --qn-border: rgb(var(--qn-hu-po-jin) / 0.2);
  --qn-border-hover: rgb(var(--qn-hu-po-jin) / 0.35);

  --qn-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
  --qn-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.1);
  --qn-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.12);
  --qn-shadow-gold: 0 0 30px rgb(var(--qn-hu-po-jin) / 0.1);
}

/* ---- 典藏版（太素玄青）---- 暗色主题：xuan-zhi 作为深色底，dai-qing 作为浅色字 ---- */
[data-theme="collection"] {
  --qn-xuan-zhi: 18 26 26;
  --qn-xuan-zhi-dark: 12 18 18;
  --qn-xuan-zhi-soft: 26 36 36;

  --qn-dai-qing: 232 228 218;
  --qn-dai-qing-dark: 245 242 235;
  --qn-dai-qing-light: 185 180 168;

  --qn-hu-po-jin: 200 164 96;
  --qn-hu-po-jin-light: 224 196 132;
  --qn-hu-po-jin-dark: 168 132 72;

  --qn-zhu-sha: 200 96 92;
  --qn-ziwei-purple: 152 136 188;
  --qn-star-white: 232 228 220;
  --qn-ink-black: 6 10 10;

  --qn-mu: 92 168 108;
  --qn-huo: 220 108 82;
  --qn-tu: 196 164 104;
  --qn-jin: 216 188 116;
  --qn-shui: 96 148 188;

  --qn-bg-primary: rgb(var(--qn-xuan-zhi-dark));
  --qn-bg-secondary: rgb(var(--qn-xuan-zhi));
  --qn-bg-tertiary: rgb(var(--qn-xuan-zhi-soft));
  --qn-bg-card: rgba(26, 36, 36, 0.78);
  --qn-bg-glass: rgba(18, 26, 26, 0.6);

  --qn-text-primary: rgb(var(--qn-dai-qing));
  --qn-text-secondary: rgb(var(--qn-dai-qing-light));
  --qn-text-muted: rgb(var(--qn-dai-qing) / 0.5);

  --qn-accent-gold: rgb(var(--qn-hu-po-jin));
  --qn-accent-gold-light: rgb(var(--qn-hu-po-jin-light));
  --qn-accent-gold-dark: rgb(var(--qn-hu-po-jin-dark));

  --qn-border: rgb(var(--qn-hu-po-jin) / 0.12);
  --qn-border-hover: rgb(var(--qn-hu-po-jin) / 0.28);

  --qn-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.25);
  --qn-shadow-md: 0 6px 20px rgba(0, 0, 0, 0.35);
  --qn-shadow-lg: 0 18px 44px rgba(0, 0, 0, 0.45);
  --qn-shadow-gold: 0 0 30px rgb(var(--qn-hu-po-jin) / 0.12);
}

/* 兼容旧默认主题：default 已在上文 :root 定义，不再覆盖 */
[data-theme="dark"] {
  --qn-bg-primary: rgb(var(--qn-ink-black));
}
[data-theme="sepia"] {
  --qn-bg-primary: rgb(var(--qn-ink-black));
}