/* =========================================================
   马卡龙糖果风 · 设计变量
   暖色系 / 圆润 / 软阴影 / 糖果质感 —— 刻意避开蓝紫科幻风
   ========================================================= */
:root {
  /* —— 主色：草莓奶糖 —— */
  --pink-700: #E24E6C;
  --pink-600: #F76C86;
  --pink-500: #FF8FA3;
  --pink-300: #FFB8C6;
  --pink-100: #FFE1E8;
  --pink-050: #FFF2F5;

  /* —— 辅助糖果色（全部为暖色/暖青，无蓝紫）—— */
  --peach-700: #E07C2E;
  --peach-600: #FF9B4D;
  --peach-500: #FFB26B;
  --peach-100: #FFE8D2;

  --lemon-700: #D9971A;
  --lemon-600: #E8A72B;
  --lemon-500: #FFD166;
  --lemon-100: #FFF3D1;

  --coral-600: #F2735F;
  --coral-500: #FF9A8B;
  --coral-100: #FFE3DE;

  --mint-700: #35937C;
  --mint-600: #3FA88F;
  --mint-500: #7FD1B9;
  --mint-100: #DCF3EC;

  --berry-600: #D2739C;
  --berry-500: #E88FB4;
  --berry-100: #FAE1ED;

  /* 图表/贴纸轮换色 */
  --cycle-1: var(--pink-500);
  --cycle-2: var(--peach-500);
  --cycle-3: var(--lemon-500);
  --cycle-4: var(--mint-500);
  --cycle-5: var(--coral-500);
  --cycle-6: var(--berry-500);

  /* —— 底色：奶油 —— */
  --cream-050: #FFFBF6;
  --cream-100: #FFF6ED;
  --cream-200: #F7EADD;
  --cream-300: #EFDCCB;
  --paper: #FFFFFF;

  /* —— 文字：暖棕灰（不用纯黑）—— */
  --ink-900: #5B4B45;
  --ink-800: #6B5A52;
  --ink-700: #7C6A61;
  --ink-600: #8C7A71;
  --ink-500: #A5948A;
  --ink-400: #B9A79C;
  --ink-300: #D3C4B9;
  --ink-200: #E6DAD0;

  /* —— 语义色 —— */
  --ok: #4FB183;
  --ok-bg: #E4F6EC;
  --warn: #FF9B2F;
  --warn-bg: #FFEEDB;
  --danger: #EF6464;
  --danger-bg: #FDE4E4;
  --info: var(--mint-600);
  --info-bg: var(--mint-100);

  /* —— 圆角 —— */
  --r-xs: 8px;
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 28px;
  --r-pill: 999px;

  /* —— 彩色软阴影（绝不用黑色硬阴影）—— */
  --sh-xs: 0 2px 6px rgba(196, 140, 120, 0.12);
  --sh-card: 0 6px 18px rgba(226, 150, 140, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.8);
  --sh-card-hover: 0 12px 28px rgba(226, 150, 140, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.9);
  --sh-pop: 0 18px 40px rgba(180, 120, 110, 0.22);
  --sh-inset: inset 0 2px 6px rgba(196, 140, 120, 0.14);

  /* —— 间距（4px 基）—— */
  --s1: 4px;
  --s2: 8px;
  --s3: 12px;
  --s4: 16px;
  --s5: 20px;
  --s6: 24px;
  --s8: 32px;
  --s10: 40px;
  --s14: 56px;

  /* —— 字体 —— */
  --font-sans: "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei UI", "微软雅黑",
    -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-round: "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei UI", "微软雅黑", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", "Cascadia Mono", Consolas, monospace;

  /* —— 动效 —— */
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --t-fast: 140ms;
  --t-base: 200ms;

  --sidebar-w: 236px;
  --shadow-color: rgba(226, 150, 140, 0.16);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --t-fast: 0ms;
    --t-base: 0ms;
  }
}