/* ============================================================
   nice ioi — Design Tokens（合併版，供競品戰情室使用）
   來源：.claude/skills/niceioi-design/tokens/*（fonts/colors/shape/typography）
   藕粉、圓潤、溫暖 · lotus-pink, rounded, warm
   ============================================================ */

/* ---- Webfont：Noto Sans TC ---- */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700&display=swap');

:root{
  /* ---- 顏色 ---- */
  --ds-bg:           #FFFFFF;
  --ds-surface:      #FBF5F7;
  --ds-primary:      #E1BAC7;  /* 藕粉 — bands/fills/accents，非內文 */
  --ds-primary-deep: #C98BA0;  /* 深玫瑰 — 文字對比/icon/★ */
  --ds-ink:          #3A3A3A;
  --ds-body:         #3A3A3A;
  --ds-muted:        #9A8A90;
  --ds-line:         #F0E1E6;
  --ds-primary-tint: #F4E4EA;
  --ds-primary-wash: #FBF5F7;
  /* 競品戰情室主強調色：酒紅（本工具的客製覆蓋） */
  --ds-wine:         #6E2639;

  /* ---- 字體 ---- */
  --ds-font-heading: 'Noto Sans TC','Helvetica Neue',Arial,sans-serif;
  --ds-font-body:    'Noto Sans TC','Helvetica Neue',Arial,sans-serif;
  --ds-weight-heading: 600;
  --ds-weight-body:    400;
  --ds-weight-strong:  500;
  --ds-leading-body:  1.7;

  /* ---- 形狀 / 間距 ---- */
  --ds-radius:        12px;
  --ds-radius-card:   18px;
  --ds-radius-pill:   999px;
  --ds-rule:          1.5px;
  --ds-shadow-card:   0 6px 20px rgba(201,139,160,0.12);
  --ds-shadow-soft:   0 2px 8px rgba(201,139,160,0.10);
  --ds-ease:          cubic-bezier(0.22, 0.61, 0.36, 1);
  --ds-dur:           200ms;
}