/* 组织头条 · 设计 Token（CSS 变量）
 * 5 品牌层：组织头条（伞）/ 组织123（入口）/ 行业社区（社区）/ 行业课堂（课堂）/ 明镜监考（监考）
 * 协会白标：屏渲染时通过 App.applyOrgBrand() 覆盖 --brand / --sub。
 */

:root {
  /* 品牌层色板（默认行业课堂） */
  --brand-orgtoutiao: #1E1B4B;
  --sub-orgtoutiao: #6366F1;

  --brand-org123: #0EA5E9;
  --sub-org123: #38BDF8;

  --brand-community: #10B981;
  --sub-community: #34D399;

  --brand-classroom: #F59E0B;
  --sub-classroom: #FBBF24;

  --brand-mirror: #EF4444;
  --sub-mirror: #F87171;

  /* 默认使用行业课堂（学员端） */
  --brand: var(--brand-classroom);
  --sub: var(--sub-classroom);

  /* 中性色 */
  --bg: #F5F5F7;
  --surface: #FFFFFF;
  --surface-2: #F8F9FA;
  --text: #111827;
  --text-secondary: #6B7280;
  --text-muted: #9CA3AF;
  --border: #E5E7EB;
  --border-light: #F3F4F6;
  --danger: #EF4444;
  --success: #10B981;
  --warning: #F59E0B;
  --info: #3B82F6;

  /* 字号 */
  --fs-caption: 12px;
  --fs-base: 14px;
  --fs-h3: 16px;
  --fs-h2: 20px;
  --fs-h1: 24px;

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

  /* 圆角 / 阴影 */
  --radius: 8px;
  --radius-lg: 16px;
  --radius-full: 999px;
  --shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);

  /* 布局 */
  --header-h: 56px;
  --nav-w: 240px;
  --phone-w: 430px;
  --phone-h: 860px;
}

/* 端品牌上下文覆盖（由 shell 根据 current_end 设置） */
body[data-end="entry"] { --brand: var(--brand-org123); --sub: var(--sub-org123); }
body[data-end="student"] { --brand: var(--brand-classroom); --sub: var(--sub-classroom); }
body[data-end="enterprise"] { --brand: var(--brand-community); --sub: var(--sub-community); }
body[data-end="association"] { --brand: var(--brand-orgtoutiao); --sub: var(--sub-orgtoutiao); }
body[data-end="platform"] { --brand: var(--brand-orgtoutiao); --sub: var(--sub-orgtoutiao); }
body[data-end="mirror"] { --brand: var(--brand-mirror); --sub: var(--sub-mirror); }

/* 白标覆盖（由 applyOrgBrand 设置内联变量） */
body.org-brand { }