/*
 * Union UI tokens v1
 * Quick 与 MyAgent 共用的一套设计 tokens。两个仓库各存一份，内容必须逐字一致：
 *   union-fab/quick    hub/tokens.css
 *   union-fab/myagent  src/ui/tokens.css
 * 改这里时同步改另一边，规范说明见 docs/design-system.md。
 */
:root {
  color-scheme: light;

  --font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* 字号：12 说明 / 13 辅助 / 14 正文 / 16 区块标题 / 20 页面标题 */
  --text-xs: 12px;
  --text-sm: 13px;
  --text-md: 14px;
  --text-lg: 16px;
  --text-xl: 20px;

  /* 间距：4 的倍数 */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;

  --radius-sm: 6px;
  --radius: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;

  --header-h: 56px;
  --control-h: 36px;
  --control-h-sm: 30px;
  --content-max: 1280px;

  /* 中性色 */
  --bg: #f5f7fa;
  --surface: #ffffff;
  --surface-2: #f8fafc;
  --surface-3: #f1f4f8;
  --border: #e4e8ee;
  --border-2: #cfd6df;
  --text: #101828;
  --text-2: #475467;
  --text-3: #8a94a6;

  /* 品牌与状态色 */
  --primary: #2457d6;
  --primary-strong: #1c46b4;
  --primary-weak: #ebf1fd;
  --primary-text: #ffffff;
  --accent: #0e9f9a;
  --danger: #d92d20;
  --danger-weak: #fef3f2;
  --warning: #b54708;
  --warning-weak: #fffaeb;
  --success: #067647;
  --success-weak: #ecfdf3;
  --info-weak: #eff4ff;
  --success-border: #abefc6;
  --warning-border: #fedf89;
  --danger-border: #fecdca;
  --info-border: #b2ddff;

  --focus-ring: 0 0 0 3px rgba(36, 87, 214, 0.18);
  --shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.05);
  --shadow-md: 0 6px 16px rgba(16, 24, 40, 0.08);
  --shadow-lg: 0 20px 48px rgba(16, 24, 40, 0.16);
}

[data-theme="dark"] {
  color-scheme: dark;

  --bg: #0b1018;
  --surface: #121823;
  --surface-2: #161d2a;
  --surface-3: #1c2433;
  --border: #253042;
  --border-2: #334056;
  --text: #e6eaf0;
  --text-2: #a3adbd;
  --text-3: #6b778a;

  --primary: #6b9bff;
  --primary-strong: #8db2ff;
  --primary-weak: #18264a;
  --primary-text: #0b1018;
  --accent: #2dd4bf;
  --danger: #f97066;
  --danger-weak: #3a1a1c;
  --warning: #fdb022;
  --warning-weak: #3a2c10;
  --success: #47cd89;
  --success-weak: #10301f;
  --info-weak: #17233f;
  --success-border: #1f5c3d;
  --warning-border: #6b4e12;
  --danger-border: #6e2a2a;
  --info-border: #22407a;

  --focus-ring: 0 0 0 3px rgba(107, 155, 255, 0.28);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 6px 16px rgba(0, 0, 0, 0.42);
  --shadow-lg: 0 20px 48px rgba(0, 0, 0, 0.5);
}