/* ── DESIGN TOKENS (PASTEL TOY · 粉彩玩具風) ── */
    /* 固定淺色：雲朵米杏底 + 暖深灰文字（不提供深色模式） */
    :root {
      /* —— 表面系：奶白（非純白） —— */
      --bg:              var(--white-cloud-a);    /* 頁面底：雲朵米杏 */
      --hero:            var(--white-cloud-b);    /* hero 區塊底：雲朵暖白 */
      --topbar-bg:       var(--white-porcelain);  /* topbar 底：陶瓷白 */
      --surface:         var(--white-cloud-b);    /* 卡片白：雲朵暖白 */
      --surface-t:       rgba(248, 248, 244, 0.82); /* 雲朵暖白半透明 */
      --surface-off:     #f2ede4;                  /* 軟底 */

      /* —— 邊界線：用透明度疊出柔邊,不寫死灰階 —— */
      --line:            rgba(58, 58, 61, 0.08);
      --line-dash:       rgba(58, 58, 61, 0.18);

      /* —— 文字：暖深灰（避開死黑） —— */
      --text:            #3a3a3d;
      --muted:           #7a7a80;
      --faint:           #b5b5ba;

      /* —— Pastel 多彩調色盤（給 workspace.color 標記用） —— */
      --pastel-sky:      #a8c8e0;          /* 嬰兒藍 */
      --pastel-mint:     #b8d8c8;          /* 鼠尾草綠 */
      --pastel-butter:   #f0e0a8;          /* 奶油黃 */
      --pastel-blush:    #e8c0c8;          /* 奶昔粉 */
      --pastel-lavender: #c8c0e0;          /* 薰衣草紫 */
      --pastel-peach:    #f0c8a8;          /* 奶橘 */

      /* —— Pastel 白卡（玩具風的白,給卡片/底色用） —— */
      --white-cloud-a:   #faf6ee;          /* 雲朵米杏,微暖,推薦 */
      --white-cloud-b:   #f8f8f4;          /* 雲朵暖白,中性無色相 */
      --white-snow:      #f6f9fc;          /* 雪糕白,微藍 */
      --white-porcelain: #f8f8f6;          /* 陶瓷白,微灰 */

      /* —— 主互動色：粉彩藍（降飽和提亮） —— */
      --primary:         #8fb8c8;
      --primary-soft:    #b8d4e0;
      --secondary-soft:  #e0d8e8;

      /* —— 容器 —— */
      --chip:            #f2ede4;
      --tab-bg:          #ece5d8;
      --studio-bg:       #f4efe7;
      --studio-border:   rgba(58, 58, 61, 0.05);
      --flow-bg:         var(--white-cloud-b);
      --flow-border:     rgba(58, 58, 61, 0.06);

      /* —— 陰影：clay 軟邊界（外柔 + 內一道光,像被捏過的黏土） —— */
      --shadow-xs: 0 1px 2px rgba(58, 58, 61, 0.04),
                   inset 0 1px 0 rgba(255, 255, 255, 0.6);
      --shadow-sm: 0 4px 12px rgba(58, 58, 61, 0.06),
                   inset 0 1px 0 rgba(255, 255, 255, 0.7);
      --shadow-md: 0 8px 24px rgba(58, 58, 61, 0.08),
                   inset 0 1px 0 rgba(255, 255, 255, 0.8);
      --shadow-lg: 0 16px 40px rgba(58, 58, 61, 0.10),
                   inset 0 1px 0 rgba(255, 255, 255, 0.9);

      /* —— 過渡：Q 彈玩具感 —— */
      --tr: 380ms cubic-bezier(0.34, 1.56, 0.64, 1);

      /* —— 語意化 —— */
      --brand-mark-bg:     #8fb8c8;
      --brand-mark-text:   #ffffff;
      --btn-ghost-text:    #6a6a70;
      --btn-primary-text:  #ffffff;
      --kicker-bg:         var(--white-cloud-b);
      --kicker-text:       #8fb8c8;
      --hero-desc-text:    #7a7a80;
      --focus-card-bg:     var(--white-cloud-b);
      --focus-card-border: rgba(58, 58, 61, 0.06);
      --timer-dot-pulsing-bg: var(--primary);
      --flow-progress-track: rgba(58, 58, 61, 0.06);
      --flow-when-text:    #8fb8c8;
      --overlay-bg:        rgba(58, 58, 61, 0.3);
      --active-count-bg:   rgba(143, 184, 200, 0.18);
      --active-count-text: #3a3a3d;
      --danger:            #e58c7e;
      --danger-hover:      #f3aba0;

      /* —— 審閱蓋章：pastel 化（柔軟但有識別度） —— */
      --stamp-approved:        #c8e0c8;
      --stamp-approved-text:   #3a5a3a;
      --stamp-reviewing:       #f0e0a8;
      --stamp-reviewing-text:  #6a5a2a;
      --stamp-rejected:        #f0c8c0;
      --stamp-rejected-text:   #6a3030;

      /* —— Focus 環（輸入框聚焦光暈） —— */
      --focus-ring:            rgba(143, 184, 200, 0.22);
    }