/* 设计令牌：色板 / 字号 / 间距 / 圆角 / 阴影 */
:root {
  /* 品牌 */
  --brand-orange: #FFA437;
  --brand-orange-deep: #FF8A00;
  --brand-yellow: #FFD66B;
  --brand-yellow-soft: #FFE9A8;

  /* 强调 */
  --accent-red: #FF5A5A;
  --accent-red-soft: #FFE2E2;
  --accent-blue: #C6D4FF;
  --accent-blue-deep: #6B86E8;
  --accent-green: #7CC58A;

  /* 分类色 */
  --cat-wakeup: #FFC85A;     /* 起床 */
  --cat-wakeup-bg: #FFF4D6;
  --cat-meal: #FF9B7A;       /* 吃饭 */
  --cat-meal-bg: #FFE0D4;
  --cat-study: #FFB85C;      /* 学习 */
  --cat-study-bg: #FFEBC9;
  --cat-nap: #A6B9F0;        /* 午睡 */
  --cat-nap-bg: #E1E8FA;
  --cat-sport: #7CC58A;      /* 运动 */
  --cat-sport-bg: #DDF1E1;
  --cat-custom: #C6A4F0;     /* 自定义 */
  --cat-custom-bg: #ECE0FA;

  /* 中性 */
  --bg: #F6F7F9;
  --bg-soft: #FAFBFC;
  --surface: #FFFFFF;
  --border: #ECEDEF;
  --divider: #F2F3F5;

  /* 文字 */
  --text-1: #1A1A1A;
  --text-2: #666666;
  --text-3: #999999;
  --text-on-brand: #FFFFFF;

  /* 字号（rpx 转 px 后） */
  --fs-xs: 11px;
  --fs-sm: 13px;
  --fs-md: 15px;
  --fs-lg: 17px;
  --fs-xl: 20px;
  --fs-xxl: 28px;
  --fs-display: 64px;

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

  /* 圆角 */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 999px;

  /* 阴影 */
  --shadow-card: 0 2px 12px rgba(0, 0, 0, 0.04);
  --shadow-pop: 0 8px 24px rgba(0, 0, 0, 0.12);
  --shadow-float: 0 6px 16px rgba(255, 164, 55, 0.32);

  /* 小程序壳布局 */
  --statusbar-h: 20px;
  --navbar-h: 44px;
  --tabbar-h: 50px;
  --safearea-b: 34px;
  --viewport-w: 375px;
  --viewport-h: 667px;
}