/* 客户品牌配色：复制整个 brand.example 文件夹到服务器（如 C:\tradewise-brand），
   在 .env 里设 BRAND_DIR=C:\tradewise-brand，改这里的颜色后刷新页面即生效，无需重新构建。

   使用说明：
   - 下面填的都是系统当前的默认值，原样保留不会有任何变化；只改你想改的那几行即可。
   - 不想管的变量可以整行删掉，删掉后沿用默认值。
   - 请只写普通颜色值（#rrggbb、rgba(...)），不要用 color-mix()——
     这个文件不经过构建，老浏览器不认 color-mix，会导致该颜色失效。
   - 带透明度的 rgba 是「毛玻璃」效果用的，透明度建议保持接近默认值。 */


/* ==================== 浅色模式 ==================== */
:root {
  /* ---- 品牌色 ---- */
  --primary: #E51010; --primary-rgb: 229 16 16;            /* 主色：按钮、链接、选中态 */
  --primary-2: #f55a34; --primary-2-rgb: 245 90 52;          /* 第二主色：品牌渐变、点缀；单色品牌可与 --primary 相同 */
  --primary-foreground: #ffffff; --primary-foreground-rgb: 255 255 255; /* 主色按钮上的文字 */
  --contrast: #173b5e; --contrast-rgb: 23 59 94;           /* 深色强调：侧边栏选中、深色卡片 */
  --contrast-soft: #3f7fb0; --contrast-soft-rgb: 63 127 176;      /* 浅一档的强调：信息提示文字、次要链接 */

  /* ---- 背景与面板（从下到上的层次） ---- */
  --background: #FFFCFC; --background-rgb: 255 252 252;              /* 整页最底层背景 */
  --canvas: #FFFCFC; --canvas-rgb: 255 252 252;                  /* 内容区底色 */
  --panel: rgba(255, 255, 255, 0.5); --panel-rgb: 255 255 255;  /* 大面板（半透明毛玻璃） */
  --card: rgba(255, 255, 255, 0.7); --card-rgb: 255 255 255;   /* 普通卡片 */
  --card-strong: rgba(253, 253, 254, 0.85); --card-strong-rgb: 253 253 254; /* 强调卡片、弹窗 */
  --card-solid: #fcfcfd; --card-solid-rgb: 252 252 253;              /* 不透明卡片：下拉菜单、输入框底色 */
  --overlay-scrim: #160F0F66; --overlay-scrim-rgb: 22 15 15; /* 弹窗背后的遮罩 */
  --page-bg: #FFFCFC; --page-bg-rgb: 255 252 252;  

  /* ---- 文字与边框 ---- */
  --foreground: #343434; --foreground-rgb: 52 52 52;         /* 主要文字 */
  --muted: #7d7d7d; --muted-rgb: 125 125 125;              /* 次要文字：说明、标签、占位 */
  --border: rgba(28, 20, 20, 0.1); --border-rgb: 28 20 20; /* 分隔线、卡片描边 */

  /* ---- 状态色（一般不需要改） ---- */
  --green: #3fa876; --green-rgb: 63 168 118;              /* 成功、盈利、入金 */
  --red: #e0645d; --red-rgb: 224 100 93;                /* 失败、亏损、出金 */
  --danger-fg: #b4342f; --danger-fg-rgb: 180 52 47;          /* 错误提示文字（在浅红底上要看得清） */
  --warm: #c07a3d; --warm-rgb: 192 122 61;               /* 待处理、警告、邀请 */
  --blue: #0ea5e9; --blue-rgb: 14 165 233;               /* 转账类型标记 */

  /* ---- 阴影 ---- */
  --shadow-card: 0 8px 24px rgba(20, 24, 28, 0.06);
  --shadow-float: 0 16px 40px rgba(20, 24, 28, 0.1);
}

/* ==================== 深色模式 ==================== */
.dark {
  /* ---- 品牌色（一般比浅色版提亮一点） ---- */
  --primary: #E51010; --primary-rgb: 229 16 16;
  --primary-foreground: #ffffff; --primary-foreground-rgb: 255 255 255;
  --contrast: #ffffff00; --contrast-rgb: 255 255 255;
  --contrast-soft: #7fc2e6; --contrast-soft-rgb: 127 194 230; 

  /* ---- 背景与面板（越往上越亮，形成层次） ---- */
  --background: #2D2727; --background-rgb: 45 39 39;
  --canvas: #1A1717; --canvas-rgb: 26 23 23;
  --page-bg: #191616; --page-bg-rgb: 25 22 22;*/      /* 深色页面底色，默认由主色自动混出；想固定颜色就去掉注释 */
  --panel: rgba(255, 255, 255, 0.04); --panel-rgb: 255 255 255;
  --card: rgba(255, 255, 255, 0.02); --card-rgb: 255 255 255;
  --card-strong: #211d1d; --card-strong-rgb: 33 29 29;
  --card-solid: #211d1d; --card-solid-rgb: 33 29 29;

  /* ---- 文字与边框 ---- */
  --foreground: #ffffff; --foreground-rgb: 255 255 255;
  --muted: #9f9696; --muted-rgb: 159 150 150;
  --border: rgba(246, 240, 240, 0.1); --border-rgb: 246 240 240;

  /* ---- 状态色 ---- */
  --green: #4cc084; --green-rgb: 76 192 132;
  --red: #eb6a63; --red-rgb: 235 106 99;
  --danger-fg: #f0938d; --danger-fg-rgb: 240 147 141;
  --warm: #e2a768; --warm-rgb: 226 167 104;
  --blue: #38bdf8; --blue-rgb: 56 189 248;

  /* ---- 阴影 ---- */
  --shadow-card: 0 10px 26px rgba(0, 0, 0, 0.4);
  --shadow-float: 0 18px 44px rgba(0, 0, 0, 0.5);
}