/* how.shop — 全域設計 token
 * 只放三個入口（shop / seller / admin）數值一致、無語意衝突的原子變數。
 * 品牌色、底色、sidebar、layout 等各端不同的值，留在各自的 :root 主題層覆寫。
 * 載入順序：tokens.css 必須最先 link。
 */
:root {
  /* ===== 狀態色 ===== */
  --success: #00b894;
  --warning: #fdcb6e;
  --danger: #e74c3c;

  /* ===== 文字色 ===== */
  --text-primary: #2d3436;
  --text-secondary: #636e72;
  --text-muted: #b2bec3;

  /* ===== 陰影 ===== */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.1);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.12);

  /* ===== 圓角 ===== */
  --radius: 8px;
  --radius-lg: 12px;

  /* ===== 字體 ===== */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* ===== 狀態 badge 配色（bg / text 成對，三端共用） ===== */
  --status-success-bg: #d4edda;  --status-success-text: #155724;
  --status-warning-bg: #fff3cd;  --status-warning-text: #856404;
  --status-danger-bg:  #f8d7da;  --status-danger-text:  #721c24;
  --status-muted-bg:   #e9ecef;  --status-muted-text:   #636e72;
}