/* ==========================================================================
   六站共享设计令牌（Design Tokens）· 单一事实来源
   由各站 build 注入到 <head>（先于站点样式），站点自有 :root 只保留品牌令牌。
   统一管理：间距节奏 / 圆角 / 阴影层级 / 容器宽度 / 字体 / 断点 / 层叠 / 字阶。
   品牌差异（--accent / --bg / --surface / --border / --text 等）仍由各站定义。
   本文件为 shared/design-tokens.css 的构建期副本，勿单独改动，改动请回到源文件。
   ========================================================================== */

:root {
  /* 间距尺度（4 的倍数，覆盖大多数留白） */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;

  /* 圆角 */
  --radius-sm: 8px;
  --radius: 14px;
  --radius-lg: 22px;

  /* 阴影层级（亮色：用主题色低透明，避免深底发灰） */
  --shadow-sm: 0 1px 2px rgba(18, 23, 42, 0.06);
  --shadow: 0 6px 24px rgba(18, 23, 42, 0.08);
  --shadow-lg: 0 18px 48px rgba(18, 23, 42, 0.12);

  /* 布局 */
  --maxw: 1140px;
  --header-h: 64px;

  /* 字体 */
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;

  /* 断点（响应式统一，与 main-tool design-tokens.scss 对齐；媒体查询请引用本组，勿再写魔法数字） */
  --breakpoint-xs: 480px;   /* 超小屏（小屏手机） */
  --breakpoint-sm: 768px;   /* 手机 / 平板分界 */
  --breakpoint-md: 1024px;  /* 桌面起点 */
  --breakpoint-lg: 1280px;  /* 宽屏 */
  --breakpoint-xl: 1440px;  /* 超大屏 */

  /* 层叠（z-index 台阶化，杜绝各站魔法数字；对齐 main-tool 的 Bootstrap 式台阶） */
  --z-header: 100;          /* 固定页头 */
  --z-dropdown: 1000;
  --z-sticky: 1020;
  --z-fixed: 1030;
  --z-backdrop: 1040;
  --z-modal: 1050;
  --z-popover: 1060;
  --z-tooltip: 1070;
  --z-toast: 1080;

  /* 字阶（字号节奏，与 --font 家族分离；对齐 main-tool $font-size-* 尺度） */
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 20px;
  --text-xl: 24px;
  --text-2xl: 32px;
}

[data-theme="dark"] {
  /* 阴影层级（暗色：用纯黑低透明，亮色阴影在深底会发灰） */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow: 0 6px 24px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 18px 48px rgba(0, 0, 0, 0.5);
}