/* Learningskill 企业数据中台风设计 token（2026-08-27 v2，参照目标截图定档）
   禁止样式出现裸值：颜色/间距/圆角一律取自本文件变量
   豁免边界：阴影仅卡片 --shadow-card；渐变仅 auth 页 --grad-auth；圆角 ≤10（auth 卡 16） */
:root {
  /* 主色与强调（2026-08-27 v3：用户指定品牌蓝 #0275FF） */
  --color-primary: #0275FF;
  --color-primary-hover: #0163D6;
  --color-primary-soft: #E6F0FF;      /* 浅蓝底（徽章/选中态/当前项） */
  --color-accent: #D85A30;
  --color-accent-soft: #FBEAE3;

  /* 文本 */
  --color-text-primary: #1A1A1A;
  --color-text-secondary: #5F5E5A;
  --color-text-tertiary: #888780;
  --color-text-on-primary: #FFFFFF;

  /* 背景 */
  --color-bg-page: #F5F7FA;           /* 主区浅灰 */
  --color-bg-card: #FFFFFF;
  --color-bg-surface: #F8F9FA;        /* 卡内浅灰信息区 */
  --color-bg-surface-hover: #F1EFE8;
  --color-bg-zebra: #F7F9FC;          /* 斑马纹奇数行 */
  --color-bg-table-head: #F5F7FA;

  /* 边框 */
  --color-border-primary: #E2E6EC;
  --color-border-tertiary: rgba(0,0,0,0.06);

  /* 状态色 */
  --color-success: #18A058;
  --color-success-soft: #E7F6EE;
  --color-warning: #F0A020;
  --color-warning-soft: #FDF3E1;
  --color-danger: #D03050;
  --color-danger-soft: #FBE9ED;

  /* KPI 大数字彩色（仅 stat 卡轮换） */
  --color-kpi-blue: #0275FF;
  --color-kpi-green: #18A058;
  --color-kpi-orange: #F0A020;
  --color-kpi-purple: #8854D0;

  /* 侧边栏（深藏蓝，全站唯一大色块）；当前项用品牌蓝亮底确保辨识度 */
  --color-side-bg: #16294D;
  --color-side-text: #B9C4D8;
  --color-side-group: #71809E;
  --color-side-active-bg: rgba(2,117,255,0.40);
  --color-side-hover-bg: rgba(255,255,255,0.10);
  --color-side-active-bar: #4D9BFF;

  /* 卡片阴影（唯一允许阴影处） */
  --shadow-card: 0 1px 2px rgba(15,42,90,0.04), 0 4px 16px rgba(15,42,90,0.06);

  /* auth 页渐变（唯一允许渐变处） */
  --grad-auth: linear-gradient(160deg, #E6F0FF 0%, #F5F9FF 55%, #FFFFFF 100%);

  /* 字体 */
  --font-sans: "PingFang SC", "Microsoft YaHei", "Source Han Sans CN", "Inter", system-ui, sans-serif;
  --font-mono: "SF Mono", "JetBrains Mono", Menlo, monospace;

  /* 字号 */
  --fs-h1: 28px;     --fs-h1-lh: 1.3;
  --fs-h2: 20px;     --fs-h2-lh: 1.4;
  --fs-h3: 16px;     --fs-h3-lh: 1.5;
  --fs-body: 14px;   --fs-body-lh: 1.6;
  --fs-caption: 12px; --fs-caption-lh: 1.5;

  /* 间距（8px 栅格） */
  --sp-1: 8px;  --sp-2: 16px;  --sp-3: 24px;
  --sp-4: 32px; --sp-5: 48px;  --sp-6: 64px;

  /* 圆角（≤10；xl 仅 auth 大卡） */
  --r-sm: 4px;  --r-md: 6px;  --r-lg: 10px;  --r-xl: 16px;

  /* 布局 */
  --container-max: 1200px;
  --sidebar-w: 224px;
  --topbar-h: 60px;
}