/* ================================================================
 * design-tokens.css — 财商大陆 暗色品牌统一设计 Token（单一事实源）
 * 依据：docs/ui-unify-PRD.md §3（全部变量命名/值严格照此）
 * 仅暗色，不写浅色值；不写 [data-theme="light"]（本阶段不做浅色模式）
 * 断点不引入 token，直接用媒体查询（见 ui-kit.css / 各页专属 css）
 * ================================================================ */

:root {
  /* === §3.1 背景 === */
  --bg-base: #06030d;
  --bg-base-2: #1a1a2e;
  --bg-overlay: rgba(10, 10, 26, 0.92);
  --glass-bg: rgba(255, 255, 255, 0.03);
  --glass-bg-2: rgba(255, 255, 255, 0.05);
  --glass-border: rgba(255, 255, 255, 0.06);
  --glass-border-strong: rgba(255, 255, 255, 0.15);

  /* === §3.1 品牌紫 === */
  --brand-purple: #8b5cf6;        /* rgb(139,92,246) 主色 紫-500 */
  --brand-purple-soft: #c084fc;   /* rgb(192,132,252) 辅助紫 紫-400 */
  --brand-purple-deep: #7c3aed;   /* 渐变深端 / 头像 */
  --brand-purple-deep-2: #6d28d9; /* 渐变最深端 */

  /* === §3.1 强调金 === */
  --accent-gold: #fbbf24;         /* amber-400 */
  --accent-gold-deep: #f59e0b;    /* amber-500 */

  /* === §3.1 文字 === */
  --text-primary: #ffffff;
  --text-body: #e8e0f0;
  --text-secondary: rgba(255, 255, 255, 0.6);
  --text-tertiary: rgba(255, 255, 255, 0.4);
  --text-muted: rgba(255, 255, 255, 0.35);

  /* === §3.1 描边 === */
  --border-subtle: rgba(255, 255, 255, 0.05);
  --border-soft: rgba(255, 255, 255, 0.06);
  --border-strong: rgba(255, 255, 255, 0.15);
  --border-purple: rgba(139, 92, 246, 0.20);

  /* === §3.1 状态色（语义） === */
  --status-success: #4ade80;
  --status-success-bg: rgba(74, 222, 128, 0.20);
  --status-warning: #fbbf24;
  --status-warning-bg: rgba(251, 191, 36, 0.15);
  --status-danger: #f87171;
  --status-danger-bg: rgba(248, 113, 113, 0.15);
  --status-info: #60a5fa;
  --status-info-bg: rgba(96, 165, 250, 0.15);

  /* === §3.2 字体层级 === */
  --font-sans: "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Noto Sans SC", sans-serif;
  --fs-display: 34px;     /* 响应 46 / 54（品牌页 hero） */
  --fs-title: 22px;       /* 响应 28 / 32（页头 h1） */
  --fs-subtitle: 14px;
  --fs-section: 13px;     /* w700 区块标题 */
  --fs-body: 14px;        /* 正文基准 */
  --fs-sm: 12px;          /* 卡片描述 / 按钮 */
  --fs-xs: 11px;
  --fs-caption: 10px;     /* 页脚 / 胶囊 / 年龄标签 */

  /* 字重 */
  --fw-black: 900;
  --fw-extra: 800;
  --fw-bold: 700;
  --fw-semi: 600;
  --fw-normal: 400;

  /* 行高 */
  --lh-tight: 1.2;
  --lh-base: 1.6;
  --lh-loose: 1.7;

  /* === §3.3 间距标尺（4 / 8 / 12 / 16 / 24 / 32） === */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;

  /* === §3.4 圆角 === */
  --radius-xs: 6px;
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-pill: 999px;
  --radius-round: 50%;

  /* === §3.5 阴影 / 玻璃参数 === */
  --glass-blur: 12px;
  --shadow-card: 0 4px 24px rgba(124, 58, 237, 0.10);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
  --shadow-float: 0 8px 24px rgba(0, 0, 0, 0.30);
  --glow-gold: 0 0 0 8px rgba(245, 158, 11, 0);

  /* === §3.7 城镇主题色（故事卡片 / 城镇地图，9 个） ===
     保留 9 城镇各自彩色渐变作为视觉识别，仅 token 化 */
  --town-burger: linear-gradient(145deg, #f97316, #ea580c);     /* 汉堡镇 */
  --town-banker: linear-gradient(145deg, #3b82f6, #2563eb);     /* 银行城 */
  --town-market: linear-gradient(145deg, #10b981, #059669);     /* 采购集市 */
  --town-journey: linear-gradient(145deg, #a855f7, #9333ea);    /* 创业路 */
  --town-harbor: linear-gradient(145deg, #06b6d4, #0891b2);     /* 星光港湾 */
  --town-stock: linear-gradient(145deg, #ff9800, #e65100);      /* 股票交易所 */
  --town-incubator: linear-gradient(145deg, #4caf50, #2e7d32);  /* 创业孵化器 */
  --town-insurance: linear-gradient(145deg, #42a5f5, #1565c0);  /* 保险配置师 */
  --town-tax: linear-gradient(145deg, #ef5350, #c62828);        /* 税务优化 */
}