/* ============================================================
   Rere OS · Design Tokens
   忠实还原 Flutter 版的暖桃奶油色系
   ============================================================ */

:root {
  /* —— 背景渐变 —— */
  --bg-grad-start: #FFEAD1;
  --bg-grad-end:   #FFC2A6;

  /* —— 主色 —— */
  --primary:   #FF6B6B;
  --secondary: #FFB380;

  /* —— 文字 —— */
  --text-dark:  #4A2B29;
  --text-light: #9C7E7C;

  /* —— 卡片 —— */
  --card-bg:    #FFF8F2;
  --glass-card: rgba(255, 248, 242, 0.60);
  --glass-card-hi: rgba(255, 248, 242, 0.85);
  --border-white: rgba(255, 255, 255, 0.55);

  /* —— 阴影 —— */
  --shadow-floating:
    0 10px 20px rgba(255, 107, 107, 0.15),
    0 2px 6px rgba(255, 107, 107, 0.08);
  --shadow-soft:
    0 4px 12px rgba(255, 107, 107, 0.10);
  --shadow-deep:
    0 16px 32px rgba(255, 107, 107, 0.20);

  /* —— 圆角 —— */
  --r-xs: 10px;
  --r-sm: 12px;
  --r-md: 16px;
  --r-lg: 20px;
  --r-xl: 24px;
  --r-2xl: 30px;

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

  /* —— 字体 —— */
  --font: -apple-system, BlinkMacSystemFont, "PingFang SC",
          "Helvetica Neue", Helvetica, Arial, sans-serif;

  /* —— 动画 —— */
  --e-out:    cubic-bezier(.16, 1, .3, 1);
  --e-soft:   cubic-bezier(.22, .61, .36, 1);
  --e-spring: cubic-bezier(.34, 1.56, .64, 1);
  --dur-fast: 200ms;
  --dur-mid:  360ms;
  --dur-slow: 640ms;
}

/* —— 心情主题色 (心情变化时改变某些点缀) —— */
:root[data-mood="开心"] { --mood-color: #FFB380; }
:root[data-mood="难过"] { --mood-color: #B0B8D6; }
:root[data-mood="累"]   { --mood-color: #C9A48E; }
:root[data-mood="平静"] { --mood-color: #FFC2A6; }