/* tokens.wxss — 萤课小渡设计 token */
/* 单一事实来源：D:\VibeCoding\公司素材\萤课小渡_品牌资产\01_核心规范\yingke-brand-system.md */

:root {
  /* ===== 紫色色阶 ===== */
  --purple-50: #F5F3FE;
  --purple-100: #E8E3FD;
  --purple-300: #B5AAF9;
  --purple-500: #7C6EF5;
  --purple-700: #5A4CD1;
  --purple-900: #3A2E8F;

  /* ===== 绿色色阶 ===== */
  --green-100: #F2F8D9;
  --green-500: #B8D62E;
  --green-700: #8AA81F;

  /* ===== 中性色 ===== */
  --white: #FFFFFF;
  --off-white: #FAFAFA;
  --gray-100: #F0F0F0;
  --gray-300: #D0D0D0;
  --gray-500: #8A8A8A;
  --gray-700: #555555;
  --gray-900: #1A1A1A;

  /* ===== 功能色 ===== */
  --success: #52C41A;
  --warning: #FAAD14;
  --error: #F5222D;
  --info: #1890FF;

  /* ===== 圆角 ===== */
  --radius-sm: 0.12rem;     /* 6px */
  --radius-md: 0.24rem;     /* 12px */
  --radius-lg: 0.4rem;     /* 20px */
  --radius-xl: 0.64rem;     /* 32px */
  --radius-pill: 99.99rem;

  /* ===== 阴影 ===== */
  --shadow-sm: 0 1px 0.04rem rgba(26, 26, 26, 0.04);
  --shadow-md: 0 0.08rem 0.24rem rgba(26, 26, 26, 0.06);
  --shadow-lg: 0 0.16rem 0.48rem rgba(26, 26, 26, 0.08);
  --shadow-xl: 0 0.32rem 0.96rem rgba(26, 26, 26, 0.12);
  --shadow-purple: 0 0.16rem 0.48rem rgba(124, 110, 245, 0.20);

  /* ===== 间距（4 基数）===== */
  --space-1: 0.08rem;
  --space-2: 0.16rem;
  --space-3: 0.24rem;
  --space-4: 0.32rem;
  --space-5: 0.48rem;
  --space-6: 0.64rem;
  --space-8: 0.96rem;
  --space-10: 1.28rem;
  --space-12: 1.92rem;
}