/* ============================================
   设计令牌 Design Tokens
   风格来源：奶油纸感 / 樱桃红格纹 / 黄油便签 /
             鼠尾草绿 / 粉彩文件夹 / 草地与天空
   ============================================ */

:root {
  /* —— 纸张与墨色 —— */
  --paper:        #FDFAF2;   /* 卡片纸白 */
  --cream:        #FAF5E9;   /* 页面主底 */
  --cream-deep:   #F1E7D5;
  --cream-line:   #E7DCC8;
  --ink:          #2E2A25;
  --ink-soft:     #4F483E;
  --ink-mute:     #867B6C;
  --ink-faint:    #B5A996;

  /* —— 黄油便签 —— */
  --butter:       #F6E29A;
  --butter-soft:  #FBEFC3;
  --butter-bg:    #FEF8E2;

  /* —— 粉 —— */
  --blush:        #F2B5BE;   /* 浅粉文件夹 */
  --blush-soft:   #F9D6DB;
  --blush-bg:     #FDF0F1;
  --pink-hot:     #F29CC2;   /* 亮粉文件夹 */
  --pink-hot-soft:#F8CFE2;

  /* —— 鼠尾草绿 / 橄榄 —— */
  --sage:         #7D9C75;
  --sage-soft:    #B9CFB1;
  --sage-bg:      #EFF4EB;
  --olive:        #6E8B34;   /* "Hello!" 标题绿 */
  --olive-deep:   #58702A;

  /* —— 樱桃红（格纹 / 印章） —— */
  --red:          #D6574E;
  --red-deep:     #B8453D;
  --red-soft:     #F2D4D0;

  /* —— 雾蓝（兼容旧引用，现为浅天蓝） —— */
  --mist:         #A9CDE0;
  --mist-soft:    #D3E6F1;
  --mist-bg:      #EFF7FB;
  --sky:          #BFD9E8;
  --sky-soft:     #DDEBF3;

  /* —— 草地 —— */
  --grass:        #9DBB78;
  --grass-deep:   #7E9E5B;
  --grass-light:  #C2D6A2;

  /* —— 橙 / 紫 —— */
  --orange:       #F0B173;
  --lilac:        #CDB7E4;
  --lilac-soft:   #E2D6F1;
  --lilac-bg:     #F4EFFA;
  --purple:       #8B6AC4;   /* Podcasts 紫 */
  --purple-deep:  #6F50A8;
  --purple-soft:  #D6C7ED;
  --purple-bg:    #F3EEFB;

  /* —— macOS 窗口按钮 —— */
  --win-close:    #FF5F57;
  --win-min:      #FEBC2E;
  --win-max:      #28C840;

  /* —— 字体 —— */
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text",
               "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
               "Helvetica Neue", Arial, sans-serif;
  --font-serif: "Iowan Old Style", "Palatino Linotype", Palatino,
                "Songti SC", "STSong", Georgia, serif;
  --font-hand:  "Bradley Hand", "Segoe Print", "Xingkai SC",
                "STXingkai", "Comic Sans MS", cursive;
  --font-mono:  "SF Mono", ui-monospace, Menlo, Consolas, monospace;

  /* —— 字号 —— */
  --fs-display: clamp(2.1rem, 4.6vw, 3.4rem);
  --fs-h1:      clamp(1.7rem, 3.4vw, 2.45rem);
  --fs-h2:      clamp(1.3rem, 2.5vw, 1.8rem);
  --fs-h3:      clamp(1.05rem, 1.9vw, 1.3rem);
  --fs-body:    1rem;
  --fs-sm:      0.875rem;
  --fs-xs:      0.75rem;

  /* —— 间距 —— */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4rem;

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

  /* —— 阴影（暖色、柔和） —— */
  --shadow-sm: 0 1px 3px rgba(90, 72, 48, .10), 0 1px 2px rgba(90, 72, 48, .06);
  --shadow-md: 0 4px 14px rgba(90, 72, 48, .12), 0 2px 5px rgba(90, 72, 48, .07);
  --shadow-lg: 0 14px 40px rgba(90, 72, 48, .16), 0 5px 14px rgba(90, 72, 48, .09);
  --shadow-window: 0 22px 60px rgba(78, 62, 42, .18), 0 6px 18px rgba(78, 62, 42, .10);
  --shadow-paper: 0 2px 4px rgba(90, 72, 48, .12), 0 10px 24px rgba(90, 72, 48, .12);
  --shadow-lift: 0 18px 46px rgba(90, 72, 48, .20), 0 6px 16px rgba(90, 72, 48, .12);

  /* —— 动效 —— */
  --ease-out: cubic-bezier(.22,.9,.3,1);
  --ease-spring: cubic-bezier(.34,1.45,.5,1);
  --dur-fast: .16s;
  --dur-med: .28s;
  --dur-slow: .5s;

  /* —— 布局 —— */
  --menu-bar-h: 34px;
  --dock-h: 70px;
  --page-max: 1200px;

  /* —— 页面统一背景：Windows XP Bliss —— */
  --bg-bliss: url("../assets/images/bliss.jpg?v=2");
  --bliss-overlay: rgba(253, 250, 242, .0);      /* 不再叠加奶油遮罩，Bliss 原图全清 */
  --bliss-overlay-strong: rgba(253, 250, 242, .72);
  --panel-paper: rgba(253, 250, 242, .96);      /* 实景背景下的面板不透明度 */
}

@media (prefers-contrast: more) {
  :root {
    --ink-mute: #5C5347;
    --ink-faint: #7A7061;
  }
}