/* ============================================================
 * 中米星链 · 统一设计令牌 (ds-tokens) —— 全端口单一来源
 * 营销站点 / 工作台 / 管理后台 共享同一套：
 *   品牌色、中性色板、几何圆角、投影、语义色、字体栈、暗色模式。
 * 由各端口的 ui-2026.css overlay 在加载本文件之后引用这些变量做覆盖。
 * 加载顺序：必须位于各端口基础 CSS 之后（server.js 注入已保证）。
 * ============================================================ */

:root {
  /* 字体栈：全端口一致 */
  --font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;

  /* 画布：干净中性近白 */
  --bg: #F6F7F9;
  --bg-2: #EFF1F5;
  --bg-1: #FFFFFF;
  --card: #FFFFFF;
  --card-line: rgba(16, 20, 32, .06);

  /* 品牌：统一靛紫识别度，略降饱和更沉稳 */
  --ink: #211E38;
  --primary: #6D4AFF;
  --primary-2: #8B5CF6;
  --primary-3: #A78BFA;
  --grad: #6D4AFF;                    /* 旧渐变统一为纯色，旧引用处自动 flat */
  --grad-deep: #2A2450;
  --grad-soft: #F1EEFF;
  --primary-weak: #F2EFFE;
  --primary-line: #DDD6FE;

  /* 文字阶梯：靠明度而非字重建立层级 */
  --text: #16141F;
  --text-2: #4E4A61;
  --text-3: #6B6780;
  --text-4: #95919F;

  --line: #EBECF0;
  --line-2: #E1E3E9;
  --hairline: rgba(16, 20, 32, .07);

  --green: #0E9F6E;
  --green-weak: #E7F6F0;
  --amber: #B45309;
  --amber-weak: #FDF3E5;
  --red: #D92D20;
  --red-weak: #FDECEA;
  --cyan: #0284C7;
  --cyan-weak: #E3F2FC;

  /* 几何：只有四档，杜绝随手取值 */
  --radius: 14px;
  --radius-sm: 10px;
  --radius-xs: 8px;

  /* 投影：中性多层，去掉品牌紫染色 */
  --shadow-sm: 0 1px 2px rgba(16, 20, 32, .04);
  --shadow: 0 1px 2px rgba(16, 20, 32, .04), 0 4px 12px rgba(16, 20, 32, .05);
  --shadow-lg: 0 8px 20px rgba(16, 20, 32, .08), 0 20px 44px rgba(16, 20, 32, .07);
  --shadow-brand: 0 4px 12px rgba(109, 74, 255, .22);
}

:root[data-theme="dark"] {
  --bg: #0E0C16;
  --bg-2: #16132A;
  --bg-1: #1A1730;
  --card: #1A1730;
  --card-line: rgba(255, 255, 255, .07);

  --ink: #F4F2FF;
  --primary: #9B83FF;
  --primary-2: #B6A4FF;
  --primary-3: #CFC3FF;
  --grad: #9B83FF;
  --grad-deep: #0E0C16;
  --grad-soft: #241F42;
  --primary-weak: #241F42;
  --primary-line: #3A3266;

  --text: #F2F0FA;
  --text-2: #B4AFCB;
  --text-3: #918CAE;
  --text-4: #6E6A88;

  --line: #262244;
  --line-2: #2F2A52;
  --hairline: rgba(255, 255, 255, .08);

  --green: #3ECF9A;
  --green-weak: #12332A;
  --amber: #F0A93B;
  --amber-weak: #3A2A12;
  --red: #FF6B5E;
  --red-weak: #3A1A18;
  --cyan: #4CC3F0;
  --cyan-weak: #10293A;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
  --shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 14px rgba(0, 0, 0, .3);
  --shadow-lg: 0 10px 24px rgba(0, 0, 0, .4), 0 22px 48px rgba(0, 0, 0, .35);
  --shadow-brand: 0 4px 14px rgba(155, 131, 255, .28);
}