/* ============================================================
   ValueEX 投资人会客室 · Design Tokens
   主题：星空宇宙 · 深空星图 (Star Chart / Cosmic Palette)
   美学解构：
   1) 深空层级  — Void Black 近黑宇宙底色，多层次纵深
   2) 恒星分光  — O/B 蓝白 · A 白 · G/K 琥珀 · M 红
   3) 星云色谱  — 紫 · 青 · 蓝 的弥散光晕
   4) 黄道网格  — 极细经纬网格（赤道坐标 / 银道坐标）
   5) 罗盘金线  — 星盘刻度与方位的 Astro Gold 金线
   6) 星座连线  — 数据点之间用细线连成星座图案
   ============================================================ */

:root {
  /* ── Deep-space backgrounds (近黑宇宙 · Void Black) ── */
  --c-void:       #04060F;   /* 最深空 · Void Black（非纯黑，带蓝调） */
  --c-abyss:      #0A0F1E;   /* 深渊蓝黑 */
  --c-ink:        #04060F;   /* 主深空 · Void Black */
  --c-ink-2:      #080D1E;   /* 略亮分区 */
  --c-ink-3:      #0C1226;   /* 卡片背景 */
  --c-ink-4:      #131A33;   /* 浮层 / hover */
  --c-nebula-indigo: #121A33; /* 星云靛蓝 */

  --c-paper:      #D7E0F4;   /* 星光白蓝 · 正文 */
  --c-paper-dim:  #8A97BD;   /* 弱化星光 */
  --c-paper-soft: #EAF0FF;   /* 星辉高亮 · Starlight */
  --c-line:       rgba(215, 224, 244, 0.06);
  --c-line-2:     rgba(215, 224, 244, 0.12);
  --c-line-3:     rgba(215, 224, 244, 0.24);

  /* ── Brand accents · 恒星分光色 (Spectral classes) ──
     配色哲学：罗盘金(gold) 为唯一主强调色；红(alert) 仅用于关键强调（致命风险/传统作价路径/失败态）。
     --c-orange 已重定向为金，保持向后兼容旧类名(.t-orange/.tag.orange)。 */
  --c-orange:     #FFD479;   /* 重定向为罗盘金（兼容旧类名） */
  --c-orange-l:   #FFE5A8;
  --c-orange-d:   #E0A23C;
  --c-gold:       #FFD479;   /* G 型日黄 · 罗盘金线 (Astro Gold) · 主强调 */
  --c-gold2:      #FFE5A8;
  --c-alert:      #FF6B7A;   /* 关键强调红 · 极少量使用 */
  --c-red:        #FF6B7A;   /* 别名 = alert */
  --c-red-l:      #FF9DAA;
  --c-red-d:      #D2556A;

  /* ── Star / nebula spectrum ── */
  --c-blue:       #7FB2FF;   /* O/B 型蓝白星 (Star Blue) */
  --c-blue-l:     #AECBFF;
  --c-cyan:       #5FE6DA;   /* 星云青 (Ice Cyan) */
  --c-violet:     #B58CFF;   /* 星云紫 (Cosmic Violet) */
  --c-gold:       #FFD479;   /* G 型日黄 · 罗盘金线 (Astro Gold) */

  /* ── 罗盘金线 · 星盘方位刻度 ── */
  --c-compass:    #FFD479;   /* Astro Gold · 罗盘金 */
  --c-compass-2:  #FFE5A8;   /* 浅金高光 */
  --grid-compass: rgba(255, 212, 121, 0.12);  /* 罗盘金网格 */
  --grid-compass-2: rgba(255, 212, 121, 0.22);

  /* ── Semantic ── */
  --c-jade:       #5FE0C0;   /* 翠 (Nebula Jade) */
  --c-jade-d:     #2E8E7E;
  --c-warning:    #FFD479;
  --c-danger:     #FF6B7A;
  --c-alert:      #FF6B7A;
  --c-success:    #5FE0C0;

  /* ── Nebula gradients (deep-space ambience · 星空弥散光晕) ── */
  --nebula-1: radial-gradient(ellipse 90% 70% at 15% 8%, rgba(127,178,255,.10), transparent 65%);
  --nebula-2: radial-gradient(ellipse 80% 65% at 85% 25%, rgba(181,140,255,.09), transparent 68%);
  --nebula-3: radial-gradient(ellipse 100% 70% at 50% 100%, rgba(95,230,218,.06), transparent 65%);
  --nebula-4: radial-gradient(ellipse 60% 50% at 90% 80%, rgba(255,179,102,.05), transparent 70%);
  --space-grad: radial-gradient(ellipse 140% 90% at 50% -10%, #000000 0%, #000000 60%);

  /* ── Ecliptic / compass grid (黄道坐标 + 罗盘网格) ── */
  --grid-color:  rgba(174, 203, 255, 0.04);
  --grid-strong: rgba(174, 203, 255, 0.07);
  --grid-compass-line: rgba(255, 212, 121, 0.10);

  /* ── Typography ── */
  --font-serif:  "Source Han Serif", "Noto Serif SC", "Songti SC", "STSong", Georgia, serif;
  --font-sans:   "Source Han Sans", "Noto Sans SC", "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono:   "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;

  /* ── Spacing (airy scale · 大留白) ── */
  --s-1:  4px;
  --s-2:  8px;
  --s-3:  12px;
  --s-4:  16px;
  --s-5:  26px;
  --s-6:  38px;
  --s-7:  56px;
  --s-8:  76px;
  --s-9:  108px;
  --s-10: 140px;

  /* ── Font sizes · 绝对字号层级 (R33u · 全站统一 4 档) ── */
  --fs-xs: 11px;  /* kicker / axis / caption / chart text */
  --fs-sm: 13px;  /* body / paragraph / label / button */
  --fs-md: 18px;  /* sub-heading (h3) / KPI label / lead */
  --fs-lg: 32px;  /* hero / KPI value / h2 section heading */

  /* ── Layout ── */
  --container:    min(1240px, calc(100% - 64px));
  --container-sm: min(1040px, calc(100% - 64px));
  --radius-s:     8px;
  --radius-m:     14px;
  --radius-l:     20px;
  --radius-xl:    28px;

  /* ── Motion ── */
  --ease-out:     cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out:  cubic-bezier(0.65, 0, 0.35, 1);
  --ease-soft:    cubic-bezier(0.34, 1.2, 0.64, 1);
  --ease-snap:    cubic-bezier(0.5, 0, 0, 1);
  --dur-fast:     180ms;
  --dur-base:     360ms;
  --dur-slow:     720ms;
  --dur-cine:     1400ms;

  /* ── Shadows / starlight glows ── */
  --sh-1: 0 1px 2px rgba(0,0,0,.6);
  --sh-2: 0 8px 28px rgba(0,0,0,.65);
  --sh-3: 0 20px 56px rgba(0,0,0,.75);
  --sh-glow-orange: 0 0 34px rgba(255, 179, 102, .28);
  --sh-glow-red:    0 0 34px rgba(255, 122, 138, .28);
  --sh-glow-blue:  0 0 34px rgba(127, 178, 255, .30);
  --sh-glow-cyan:  0 0 34px rgba(95, 230, 218, .28);
  --sh-glow-violet:0 0 34px rgba(181, 140, 255, .28);
  --sh-glow-gold:  0 0 34px rgba(255, 212, 121, .28);
}

/* ── Light-mode option (toggle body class) ── */
body.theme-paper {
  --c-void:    #eef3ff;
  --c-abyss:   #e2e9fb;
  --c-ink:    #eef3ff;
  --c-ink-2:  #e2e9fb;
  --c-ink-3:  #f5f8ff;
  --c-ink-4:  #ffffff;
  --c-paper:  #0c1226;
  --c-paper-dim: #56608a;
  --c-paper-soft: #05060f;
  --c-line:   rgba(12, 18, 38, 0.10);
  --c-line-2: rgba(12, 18, 38, 0.18);
  --c-line-3: rgba(12, 18, 38, 0.30);
  --grid-compass: rgba(224, 138, 60, 0.12);
}