/* ============================================================
   光影课堂 · 看课系统 设计令牌（开发唯一取色/圆角/阴影依据）
   规则：代码中禁止使用裸颜色值，一律引用本文件变量
   对应：《开发前管控方案》第 1 章设计令牌表
   ============================================================ */
:root {
  /* ---- 色板 ---- */
  --primary: #2563EB;        /* 主色：按钮/链接/选中态 */
  --purple:  #7C3AED;        /* 渐变尾色：Hero/横幅/Tab 胶囊 */
  --coral:   #FF6B35;        /* 强调：仅 CTA/进度条/警示 */
  --coral-2: #FF8A5C;        /* 珊瑚渐变尾 */
  --ink:     #0F1A33;        /* 主文字 */
  --ink-2:   #3A4765;        /* 次级文字 */
  --sub:     #8B98B5;        /* 弱文字/占位 */
  --bg:      #E9EFF8;        /* 页面背景（白卡浮起） */
  --line:    #D3DCEB;        /* 卡片边框/分隔线 */
  --line-2:  #EEF2FA;        /* 浅分隔 */
  --ok:      #0F766E;        /* 成功 */
  --ok-bg:   #D1FAE5;
  --warn:    #B45309;        /* 警告 */
  --warn-bg: #FFF7E6;
  --err:     #B91C1C;        /* 错误 */
  --err-bg:  #FEF3F2;
  /* ---- 渐变链（海洋渐变） ---- */
  --grad-hero: linear-gradient(135deg, #122B5C, #3B4FC9 55%, #7C3AED);
  --grad-btn:  linear-gradient(135deg, #2563EB, #7C3AED);
  --grad-coral: linear-gradient(135deg, #FF6B35, #FF8A5C);
  /* ---- 圆角体系 ---- */
  --r-lg: 20px;    /* 大卡片 */
  --r-md: 12px;    /* 控件/输入框 */
  --r-sm: 8px;     /* 小徽章 */
  --r-pill: 999px; /* 按钮/开关/胶囊 */
  /* ---- 阴影 ---- */
  --shadow-card: 0 2px 14px rgba(22,35,63,.07);   /* 卡片浮起 */
  --shadow-card-hover: 0 8px 24px rgba(22,35,63,.14); /* hover */
  --shadow-btn: 0 4px 12px rgba(37,99,235,.25);
  /* ---- 字号（适老化） ---- */
  --fs-title: 22px; /* 页面标题 */
  --fs-h: 17px;     /* 区块标题 */
  --fs-body: 16px;  /* 正文基准（不低于 16） */
  --fs-sm: 14px;    /* 次要 */
  --fs-xs: 12px;    /* 说明 */
  /* ---- 间距 ---- */
  --sp-page: 26px;  /* 面包屑下间距 */
  --sp-card: 20px;  /* 卡片内边距 */
  --sp-gap: 14px;   /* 栅格间距 */
  /* ---- 固定布局 ---- */
  --container: 1400px; /* 全站主容器宽度 */
  --cover-4-3: 4 / 3;  /* 封面比例 */
  --banner-16-5: 16 / 5; /* 轮播比例 */
}