/* =============================================
   华年集 · 设计令牌系统 v2
   Design Tokens - HuaNianJi
   基于官方品牌规范 2026
   品牌定位：东方幻境 × 现代赛博
   ============================================= */

:root {
  /* ── 核心品牌色（官方色值）── */
  --color-bg-primary:    #0D0B1A;   /* 深夜苍穹·主背景 */
  --color-bg-secondary:  #1A1433;   /* 午夜紫·次级背景 */
  --color-bg-card:       #2C2260;   /* 星云靛蓝·卡片底色 */
  --color-bg-surface:    #1E1840;   /* 中间层面板 */
  --color-bg-hover:      #241D50;   /* 悬浮高亮 */

  --color-brand:         #6B4FA0;   /* 星尘紫罗·品牌主色 */
  --color-brand-light:   #A68FD4;   /* 月光薰衣·高亮色 */
  --color-brand-dark:    #4A3580;   /* 品牌主色·暗 */
  --color-brand-glow:    rgba(107, 79, 160, 0.3);

  --color-gold:          #D4A85A;   /* 星辰暖金·点缀 */
  --color-gold-bright:   #F0C060;   /* 金光灿·高亮 */
  --color-copper:        #C8834A;   /* 鹿角古铜·渐变 */
  --color-gold-glow:     rgba(212, 168, 90, 0.3);

  --color-teal:          #4ABFB5;   /* 迷雾青玉·功能色 */
  --color-rose:          #E07FA0;   /* 极光蔷薇·互动/通知 */

  /* ── 文字色 ── */
  --color-text-primary:  #E8DFF8;   /* 星光珍珠·主文字 */
  --color-text-secondary:#B8A8D4;   /* 次要文字 */
  --color-text-muted:    #6A5A8A;   /* 弱化文字 */
  --color-text-accent:   #A68FD4;   /* 强调文字 */

  /* ── 边框 ── */
  --color-border-subtle: rgba(107, 79, 160, 0.2);
  --color-border-normal: rgba(107, 79, 160, 0.45);
  --color-border-bright: rgba(166, 143, 212, 0.7);
  --color-border-gold:   rgba(212, 168, 90, 0.4);

  /* ── 别名（向后兼容）── */
  --color-ink-black:     var(--color-bg-primary);
  --color-deep-black:    #080612;
  --color-surface-dark:  var(--color-bg-secondary);
  --color-surface-mid:   var(--color-bg-card);
  --color-surface-light: var(--color-bg-hover);
  --color-cloud-blue:    var(--color-brand);
  --color-cloud-blue-2:  var(--color-brand-light);
  --color-cloud-blue-3:  var(--color-brand-dark);
  --color-cloud-glow:    var(--color-brand-glow);
  --color-zhu-red:       var(--color-gold);
  --color-zhu-red-2:     var(--color-gold-bright);
  --color-zhu-red-glow:  var(--color-gold-glow);
  --color-deer-green:    var(--color-teal);
  --color-deer-red:      var(--color-rose);
  --color-deer-blue:     var(--color-brand);

  /* ── 字体 ── */
  --font-display:  'Noto Serif SC', 'Source Han Serif SC', serif;
  --font-body:     'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --font-mono:     'JetBrains Mono', monospace;
  --font-en:       'Cinzel', 'Playfair Display', serif;

  /* ── 字号 ── */
  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  1.875rem;
  --text-4xl:  2.25rem;
  --text-5xl:  3rem;
  --text-6xl:  3.75rem;
  --text-7xl:  4.5rem;

  /* ── 间距 ── */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  /* ── 圆角 ── */
  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg:  16px;
  --radius-xl:  24px;
  --radius-full: 9999px;

  /* ── 阴影 ── */
  --shadow-glow-blue: 0 0 20px rgba(107,79,160,0.5), 0 0 60px rgba(107,79,160,0.2);
  --shadow-glow-gold: 0 0 20px rgba(212,168,90,0.5), 0 0 60px rgba(212,168,90,0.2);
  --shadow-glow-red:  var(--shadow-glow-gold);
  --shadow-card:      0 4px 24px rgba(0,0,0,0.6), 0 1px 4px rgba(0,0,0,0.4);
  --shadow-card-hover:0 8px 40px rgba(0,0,0,0.7), 0 0 24px rgba(107,79,160,0.25);

  /* ── 过渡 ── */
  --ease-fast:   150ms cubic-bezier(0.4, 0, 0.2, 1);
  --ease-normal: 300ms cubic-bezier(0.4, 0, 0.2, 1);
  --ease-slow:   500ms cubic-bezier(0.4, 0, 0.2, 1);
  --ease-spring: 600ms cubic-bezier(0.34, 1.56, 0.64, 1);

  /* ── 层级 ── */
  --z-base:    1;
  --z-overlay: 10;
  --z-modal:   100;
  --z-nav:     200;
  --z-toast:   300;
}