/* ============================================================
   NewWealthy · 设计系统 Tokens
   默认：明亮糖果风（泡泡玛特式多彩 + 专业简约）
   深色：太空蓝 + 琥珀金（[data-theme="dark"]）
   ============================================================ */

:root {
  /* ---- 底色（明亮糖果） ---- */
  --bg-base: #F5F6FB;
  --bg-card: #FFFFFF;
  --bg-glass: rgba(255, 255, 255, 0.78);
  --bg-soft: #EEF0F8;
  --bg-sunk: #E8EAF3;
  --line-soft: rgba(27, 35, 64, 0.08);
  --line-strong: rgba(27, 35, 64, 0.14);

  /* ---- 墨色 ---- */
  --ink-1: #1B2340;
  --ink-2: #59617F;
  --ink-3: #9AA1BC;
  --ink-inverse: #FFFFFF;

  /* ---- 糖果强调色 ---- */
  --c-gold: #F7A925;
  --c-coral: #FF6B9D;
  --c-mint: #22C9A2;
  --c-sky: #4EA8FF;
  --c-lilac: #9B7EDE;
  --c-peach: #FF8C42;
  --c-rose: #FF5D73;
  --c-teal: #2BB5C9;

  /* ---- 语义色（A股：红涨绿跌） ---- */
  --up: #FF5D73;
  --down: #18B890;
  --zone-value: #22C9A2;   /* 价值区 */
  --zone-fair: #F7A925;    /* 合理区 */
  --zone-bubble: #FF5D73;  /* 泡沫区 */

  /* ---- 大师风格族（身份系统：色 = 风格，头像 = 个体） ---- */
  --fam-conservative: #22C9A2;            /* 保守型 */
  --fam-conservative-soft: rgba(34, 201, 162, 0.12);
  --fam-steady: #4EA8FF;                  /* 稳健型 */
  --fam-steady-soft: rgba(78, 168, 255, 0.12);
  --fam-balanced: #F7A925;                /* 平衡型 */
  --fam-balanced-soft: rgba(247, 169, 37, 0.14);
  --fam-aggressive: #FF8C42;              /* 进取型 */
  --fam-aggressive-soft: rgba(255, 140, 66, 0.12);
  --fam-radical: #FF5D73;                 /* 激进型 */
  --fam-radical-soft: rgba(255, 93, 115, 0.12);

  /* ---- 渐变 ---- */
  --grad-brand: linear-gradient(135deg, #FF8FB1 0%, #F7A925 100%);
  --grad-gold: linear-gradient(135deg, #F7A925 0%, #FFD66B 100%);
  --grad-thermo: linear-gradient(90deg, #22C9A2 0%, #F7A925 52%, #FF5D73 100%);
  --grad-ai: linear-gradient(135deg, #9B7EDE 0%, #4EA8FF 100%);

  /* ---- 阴影 ---- */
  --shadow-card: 0 1px 2px rgba(27, 35, 64, 0.04), 0 8px 28px rgba(27, 35, 64, 0.07);
  --shadow-float: 0 6px 16px rgba(27, 35, 64, 0.08), 0 18px 48px rgba(27, 35, 64, 0.14);
  --shadow-pop: 0 2px 8px rgba(27, 35, 64, 0.10), 0 12px 32px rgba(27, 35, 64, 0.16);

  /* ---- 圆角 ---- */
  --r-xl: 24px;
  --r-lg: 20px;
  --r-md: 14px;
  --r-sm: 10px;

  /* ---- 字体 ---- */
  --font-body: "PingFang SC", "HarmonyOS Sans SC", "MiSans", "Microsoft YaHei", system-ui, -apple-system, sans-serif;
  --font-num: "DIN Alternate", "Bahnschrift", "SF Pro Display", "PingFang SC", system-ui, sans-serif;

  /* ---- 氛围光斑 ---- */
  --blob-1: rgba(255, 107, 157, 0.20);
  --blob-2: rgba(78, 168, 255, 0.18);
  --blob-3: rgba(247, 169, 37, 0.16);
  --blob-4: rgba(155, 126, 222, 0.14);

  color-scheme: light;
}

[data-theme="dark"] {
  --bg-base: #0A1130;
  --bg-card: rgba(23, 31, 68, 0.66);
  --bg-glass: rgba(13, 19, 46, 0.72);
  --bg-soft: rgba(255, 255, 255, 0.05);
  --bg-sunk: rgba(0, 0, 0, 0.25);
  --line-soft: rgba(160, 175, 230, 0.12);
  --line-strong: rgba(160, 175, 230, 0.22);

  --ink-1: #F2F5FF;
  --ink-2: #A8B2D8;
  --ink-3: #5E6A94;
  --ink-inverse: #1B2340;

  --c-gold: #FFB93E;
  --c-coral: #FF7FA9;
  --c-mint: #33D9B2;
  --c-sky: #62B4FF;
  --c-lilac: #AC8FE8;
  --c-peach: #FF9C5C;
  --c-rose: #FF6E82;
  --c-teal: #3FC6D9;

  --up: #FF6E82;
  --down: #2BD3A5;

  --fam-conservative: #33D9B2;
  --fam-conservative-soft: rgba(51, 217, 178, 0.16);
  --fam-steady: #62B4FF;
  --fam-steady-soft: rgba(98, 180, 255, 0.16);
  --fam-balanced: #FFB93E;
  --fam-balanced-soft: rgba(255, 185, 62, 0.18);
  --fam-aggressive: #FF9C5C;
  --fam-aggressive-soft: rgba(255, 156, 92, 0.16);
  --fam-radical: #FF6E82;
  --fam-radical-soft: rgba(255, 110, 130, 0.16);

  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.30), 0 10px 32px rgba(2, 6, 24, 0.45);
  --shadow-float: 0 8px 20px rgba(0, 0, 0, 0.40), 0 22px 56px rgba(2, 6, 24, 0.60);
  --shadow-pop: 0 2px 10px rgba(0, 0, 0, 0.45), 0 14px 36px rgba(2, 6, 24, 0.55);

  --blob-1: rgba(255, 107, 157, 0.13);
  --blob-2: rgba(78, 168, 255, 0.13);
  --blob-3: rgba(247, 169, 37, 0.10);
  --blob-4: rgba(155, 126, 222, 0.12);

  color-scheme: dark;
}