/**
 * ePower UI Design Tokens
 * 与 theme.blade.php 的 --color-primary 等合并使用；本文件只补齐布局/间距/语义色默认值。
 * 主题色仍由后台动态注入，此处提供 fallback。
 */
:root {
  /* 颜色（fallback；theme 开启后会被覆盖同名变量） */
  --color-primary: #3369E3;
  --color-primary-plus: #4a8aeb;
  --color-primary-minus: #2a5bc9;
  --color-success: #008D55;
  --color-warning: #e6a23c;
  --color-danger: #f56c6c;
  --color-text: #303133;
  --color-text-secondary: #606266;
  --color-text-muted: #909399;
  --color-border: #dcdfe6;
  --color-bg: #ffffff;
  --color-bg-soft: #f5f7fa;
  --color-bg-page: #ffffff;

  /* 圆角 / 阴影 */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.08);

  /* 容器：全站默认 1440 居中（非 1200） */
  --container-max: 1440px;
  --content-max: 1440px;
  --content-gutter: clamp(16px, 3vw, 40px);

  /* 间距 scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-8: 48px;

  /* 壳尺寸 */
  --header-height: 64px;
  --mobile-header-height: 56px;
  --nav-height: 48px;
  --floating-tools-offset: var(--content-gutter);

  /* 字号 */
  --font-size-sm: 12px;
  --font-size-md: 14px;
  --font-size-lg: 16px;
  --font-size-xl: clamp(18px, 1.6vw, 22px);
  --font-size-display: clamp(22px, 2.2vw, 28px);

  /* 断点文档用（媒体查询无法读 CSS 变量，仅作约定） */
  --bp-mobile-max: 639px;
  --bp-tablet-max: 1023px;
  --bp-desktop-min: 1024px;
  --bp-large-min: 1440px;

  /* Dialog */
  --dialog-max-sm: 480px;
  --dialog-max-md: 640px;
  --dialog-max-lg: 800px;
  --dialog-max-xl: 1000px;
}