/* ================================================================
   Design Tokens — Soft 高级可爱
   暖米底 + 柔粉 + 薄荷点缀 + 圆角 12-20px + 立体阴影
   ================================================================ */

:root {
  /* —— 主色板 —— */
  --c-bg:           #FDF8F3;   /* 暖米白 主底色 */
  --c-bg-soft:      #F7EFE6;   /* 卡片底色 */
  --c-bg-card:      #FFFFFF;   /* 强白色卡片 */
  --c-bg-deep:      #F0E4D3;   /* 区分区域底色 */

  --c-primary:      #FF8FA3;   /* 柔粉主色 */
  --c-primary-soft: #FFC8D2;
  --c-primary-bg:   #FFF0F3;
  --c-primary-deep: #E96A82;

  --c-accent:       #88D8B0;   /* 薄荷绿点缀 */
  --c-accent-soft:  #C5EBD8;
  --c-accent-deep:  #5BB690;

  --c-warm:         #FFB877;   /* 暖橘（番茄计时 / 提醒） */
  --c-warm-soft:    #FFE0BD;
  --c-warm-deep:    #E6924A;

  --c-cool:         #92B5E8;   /* 冷蓝（数字/数据/链接） */
  --c-cool-soft:    #D4E4F7;
  --c-cool-deep:    #5A85C7;

  --c-purple:       #C0A6E0;   /* 紫色（学习/智慧） */
  --c-purple-soft:  #E5D8F0;

  --c-yellow:       #FFD66B;   /* 亮黄（成就/奖励） */
  --c-yellow-soft:  #FFEFBC;

  --c-text:         #3D2C28;   /* 主文字，暖棕黑 */
  --c-text-soft:    #7A6660;   /* 次要文字 */
  --c-text-mute:    #B5A39C;   /* 辅助文字 */
  --c-text-on-prim: #FFFFFF;

  --c-success:      #5BB690;
  --c-danger:       #E96A82;
  --c-warning:      #E6924A;

  --c-border:       #EFE3D5;
  --c-divider:      #F5EBDB;

  /* —— 字号 —— */
  --fs-xxs:   10px;
  --fs-xs:    12px;
  --fs-sm:    14px;
  --fs-base:  16px;
  --fs-md:    18px;
  --fs-lg:    22px;
  --fs-xl:    28px;
  --fs-2xl:   36px;
  --fs-3xl:   48px;

  /* —— 圆角 —— */
  --r-sm:     8px;
  --r-md:     12px;
  --r-lg:     16px;
  --r-xl:     20px;
  --r-pill:   999px;

  /* —— 阴影 —— */
  --sh-sm:    0 1px 3px rgba(61,44,40,.06), 0 1px 2px rgba(61,44,40,.04);
  --sh-md:    0 4px 12px rgba(61,44,40,.08), 0 2px 4px rgba(61,44,40,.04);
  --sh-lg:    0 12px 32px rgba(61,44,40,.10), 0 4px 12px rgba(61,44,40,.06);
  --sh-xl:    0 24px 48px rgba(61,44,40,.12), 0 8px 16px rgba(61,44,40,.06);
  --sh-inset: inset 0 1px 2px rgba(255,255,255,.6);

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

  /* —— 字体 —— */
  --ff-body: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Segoe UI", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", sans-serif;
  --ff-mono: "SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
  --ff-deco: "Hiragino Maru Gothic Pro", "Yuanti SC", "PingFang SC", sans-serif;  /* 圆体偏可爱 */

  /* —— 动画 —— */
  --tr-fast:   120ms cubic-bezier(.4,0,.2,1);
  --tr-base:   220ms cubic-bezier(.4,0,.2,1);
  --tr-slow:   400ms cubic-bezier(.4,0,.2,1);
  --tr-bounce: 400ms cubic-bezier(.34,1.56,.64,1);
}

@media (prefers-color-scheme: dark) {
  /* 浅色为主，不做深色本期范围 */
}

@media (max-width: 680px) {
  :root {
    --sp-4: 14px;
    --sp-6: 20px;
    --fs-2xl: 28px;
    --fs-3xl: 36px;
  }
}