/* ============================================================
 *  bytalk-theme.css — Bytalk 设计令牌（单一真相源）
 *
 *  使用 --ba- 前缀避免与各站点自有变量冲突。
 *  所有 .bytalk.cn 站点共用同一份，合并时天然一致。
 *
 *  来源：clc 主站 src/assets/main.css（HSL 三值格式）
 * ============================================================ */

:root {
  --ba-background: 210 20% 98%;
  --ba-foreground: 222 47% 11%;
  --ba-card: 0 0% 100%;
  --ba-card-foreground: 222 47% 11%;
  --ba-primary: 221 83% 43%;
  --ba-primary-foreground: 210 40% 98%;
  --ba-secondary: 210 40% 96%;
  --ba-secondary-foreground: 222 47% 11%;
  --ba-muted-foreground: 215 16% 47%;
  --ba-border: 214 32% 91%;
  --ba-input: 214 32% 91%;
  --ba-ring: 221 83% 43%;
  --ba-radius: 0.625rem;

  --ba-shadow-card: 0 1px 3px 0 rgba(19, 24, 32, 0.08), 0 1px 2px -1px rgba(19, 24, 32, 0.06);
  --ba-shadow-hover: 0 4px 12px 0 rgba(19, 76, 201, 0.12);

  --ba-font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei",
    "Helvetica Neue", Arial, sans-serif;
}

.dark {
  --ba-background: 222 47% 11%;
  --ba-foreground: 210 40% 98%;
  --ba-card: 222 47% 15%;
  --ba-card-foreground: 210 40% 98%;
  --ba-primary: 221 83% 53%;
  --ba-primary-foreground: 222 47% 11%;
  --ba-secondary: 217 33% 17%;
  --ba-secondary-foreground: 210 40% 98%;
  --ba-muted-foreground: 215 20% 65%;
  --ba-border: 217 33% 25%;
  --ba-input: 217 33% 25%;
  --ba-ring: 221 83% 53%;
  --ba-shadow-card: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.2);
  --ba-shadow-hover: 0 4px 12px 0 rgba(0, 0, 0, 0.4);
}