/* ==========================================================================
   千谋 CLM 静态演示站 · 设计令牌
   取值来源：clm-admin-web/src/styles/design-system.css 及 layouts/index.vue
   ========================================================================== */

:root {
  /* ---------- 品牌主色（Element Plus 蓝） ---------- */
  --el-color-primary: #409eff;
  --el-color-primary-light-3: #79bbff;
  --el-color-primary-light-5: #a0cfff;
  --el-color-primary-light-7: #c6e2ff;
  --el-color-primary-light-8: #d9ecff;
  --el-color-primary-light-9: #ecf5ff;
  --el-color-primary-dark-2: #337ecc;

  /* ---------- 语义色 ---------- */
  --el-color-success: #67c23a;
  --el-color-success-light: #f0f9eb;
  --el-color-success-dark: #529b2e;
  --el-color-warning: #e6a23c;
  --el-color-warning-light: #fdf6ec;
  --el-color-warning-dark: #b88230;
  --el-color-danger: #f56c6c;
  --el-color-danger-light: #fef0f0;
  --el-color-danger-dark: #c45656;
  --el-color-info: #909399;
  --el-color-info-light: #f4f4f5;
  --el-color-info-dark: #73767a;

  /* ---------- 扩展调色板（design-system.css） ---------- */
  --c-primary-50: #eff6ff;
  --c-primary-100: #dbeafe;
  --c-primary-200: #bfdbfe;
  --c-primary-400: #60a5fa;
  --c-primary-500: #3b82f6;
  --c-primary-600: #2563eb;
  --c-primary-700: #1d4ed8;
  --c-success-100: #dcfce7;
  --c-success-500: #22c55e;
  --c-success-600: #16a34a;
  --c-success-700: #15803d;
  --c-warning-100: #fef3c7;
  --c-warning-500: #f59e0b;
  --c-warning-700: #b45309;
  --c-danger-100: #fee2e2;
  --c-danger-500: #ef4444;
  --c-danger-700: #b91c1c;
  --c-info-100: #f3e8ff;
  --c-info-500: #a855f7;
  --c-info-700: #7e22ce;
  --c-cyan-500: #06b6d4;
  --c-cyan-700: #0e7490;

  /* ---------- 中性色 ---------- */
  --el-text-primary: #303133;
  --el-text-regular: #606266;
  --el-text-secondary: #909399;
  --el-text-placeholder: #a8abb2;
  --el-text-disabled: #c0c4cc;
  --el-border-base: #dcdfe6;
  --el-border-light: #e4e7ed;
  --el-border-lighter: #ebeef5;
  --el-border-extra-light: #f2f6fc;
  --el-fill-blank: #ffffff;
  --el-fill-light: #f5f7fa;
  --el-bg-page: #f0f2f5;

  /* ---------- 侧边栏 / 导航 ---------- */
  --sidebar-bg: #001529;
  --sidebar-bg-hover: #0b2545;
  --sidebar-text: #b7c4d4;
  --sidebar-text-active: #ffffff;
  --sidebar-active-bg: #409eff;
  --sidebar-width: 220px;
  --sidebar-width-collapsed: 64px;
  --navbar-height: 60px;
  --logo-height: 60px;

  /* ---------- 阴影 ---------- */
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-xl: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-2xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  --shadow-navbar: 0 1px 4px rgba(0, 21, 41, 0.08);

  /* ---------- 圆角 ---------- */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-full: 9999px;

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

  /* ---------- 字号 ---------- */
  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-base: 14px;
  --fs-md: 15px;
  --fs-lg: 16px;
  --fs-xl: 18px;
  --fs-2xl: 20px;
  --fs-3xl: 24px;
  --fs-4xl: 30px;
  --fs-5xl: 36px;

  /* ---------- 字体 ---------- */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial,
    "Noto Sans SC", sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier,
    "Courier New", monospace;

  /* ---------- 动效 ---------- */
  --tr-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --tr-base: 300ms cubic-bezier(0.4, 0, 0.2, 1);

  /* ---------- 门户（前台）主题 ---------- */
  --portal-blue-1: #2b6cb0;
  --portal-blue-2: #3b82f6;
  --portal-blue-3: #60a5fa;
  --portal-bg: #f4f7fb;
  --portal-header: linear-gradient(90deg, #1e5fbf 0%, #3b82f6 55%, #5aa2ff 100%);
}