/* ================================================================
   MINDSTORM Design Tokens — 权威令牌源
   加载顺序：在所有组件 CSS / styles.css / theme.css 之前
   ================================================================ */

:root {
  /* ===== 颜色：Primary / Accent ===== */
  --color-primary:            #4f46e5;
  --color-primary-hover:      #4338ca;
  --color-primary-soft:       #e0e7ff;
  --color-primary-softer:     #eef2ff;
  --color-primary-border:     #c7d2fe;
  --color-primary-light:      #818cf8;

  /* ===== 颜色：Surface ===== */
  --color-surface-white:      #ffffff;
  --color-surface-page:       #f8f9fa;
  --color-surface-secondary:  #f3f4f6;
  --color-surface-tertiary:   #f9fafb;
  --color-surface-login:      #fbfbfa;
  --color-surface-purple:     #f8f7ff;
  --color-surface-purple-soft:#f5f3ff;
  --color-surface-darkest:    #09090b;
  --color-surface-panel:      #0f0f12;
  --color-surface-panel-2:    #18181b;
  --color-surface-panel-3:    #27272a;
  --color-surface-dark:       #111116;
  --color-surface-banner:     #1f2937;
  --color-surface-banner-hover: #1e293b;
  --color-surface-btn-hover:  #27272a;

  /* ===== 颜色：Text ===== */
  --color-text-primary:       #0f172a;
  --color-text-heading:       #111827;
  --color-text-label:         #374151;
  --color-text-muted:         #6b7280;
  --color-text-placeholder:   #9ca3af;
  --color-text-inverse:       #ffffff;

  /* ===== 颜色：Border ===== */
  --color-border:             #e5e7eb;
  --color-border-strong:      #d1d5db;
  --color-border-light:       #f3f4f6;
  --color-border-subtle:      #f1f1f4;

  /* ===== 颜色：Line (dark theme) ===== */
  --color-line:               #3f3f46;
  --color-line-2:             #52525b;
  --color-muted-zinc:         #a1a1aa;
  --color-muted-zinc-2:       #71717a;

  /* ===== 颜色：Status ===== */
  --color-success:            #10b981;
  --color-danger:             #ef4444;
  --color-danger-alt:         #dc2626;
  --color-danger-soft:        #fef2f2;
  --color-danger-hover:       #fee2e2;
  --color-danger-border:      #fecaca;
  --color-danger-disabled:    #fca5a5;
  --color-warning-bg:         #fffbeb;
  --color-warning-border:     #fde68a;
  --color-warning-text:       #92400e;
  --color-warning-text-2:     #a16207;
  --color-info-bg:            #eff6ff;
  --color-success-bg:         #f0fdf4;
  --color-alipay:             #1677ff;
  --color-qr-bg:              #f8fafc;
  --color-qr-border:          #e2e8f0;

  /* ===== 颜色：History icons ===== */
  --color-history-image-bg:   #fef3c7;
  --color-history-video-bg:   #fce7f3;

  /* ===== 颜色：Brand ===== */
  --color-brand-purple:       #a855f7;
  --color-brand-violet:       #8b5cf6;
  --color-brand-rose:         #ff6b6b;
  --color-brand-yellow:       #ffef96;
  --color-brand-blue:         #4d9cff;
  --color-brand-accent-h:     #e5e5e5;
  --color-brand-warn:         #a0a0a0;

  /* ===== 颜色：Brand Gradient ===== */
  --color-brand-gradient:     linear-gradient(135deg, #ffef96, #ff6b6b, #a66bff, #4d9cff);

  /* ===== 颜色：Bottom bar gradient ===== */
  --color-bottom-bar-gradient: linear-gradient(to top, #fff 60%, rgba(255,255,255,0.95) 80%, transparent);

  /* ===== 字体 ===== */
  --font-sans:  "Inter", "PingFang SC", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-ui:    "PingFang SC", sans-serif;
  --font-number: "Inter", sans-serif;
  --font-mono:  "SF Mono", "Cascadia Code", "Fira Code", ui-monospace, monospace;
  --font-code:  "SF Mono", "Menlo", monospace;
  --font-brand: "PingFang SC", "Heiti SC", "Microsoft YaHei", sans-serif;

  /* ===== 圆角 ===== */
  --radius-none:   0;
  --radius-2xs:    2px;
  --radius-xs:     3px;
  --radius-sm:     4px;
  --radius-smmd:   5px;
  --radius-md:     6px;
  --radius-lg:     8px;
  --radius-xl:     10px;
  --radius-2xl:    12px;
  --radius-3xl:    14px;
  --radius-4xl:    16px;
  --radius-5xl:    20px;
  --radius-full:   50%;
  --radius-pill:   9999px;

  /* ===== 阴影 ===== */
  --shadow-none:             none;
  --shadow-subtle:           0 1px 3px rgba(0,0,0,0.04);
  --shadow-xs:               0 1px 3px rgba(0,0,0,0.06);
  --shadow-sm:               0 1px 3px rgba(0,0,0,0.15);
  --shadow-md:               0 4px 16px rgba(0,0,0,0.08);
  --shadow-md-light:         0 4px 16px rgba(0,0,0,0.06);
  --shadow-login-btn:        0 4px 16px rgba(0,0,0,0.12);
  --shadow-popover:          0 8px 28px rgba(0,0,0,0.14);
  --shadow-modal:            0 20px 60px rgba(0,0,0,0.15);
  --shadow-modal-lg:         0 24px 80px rgba(0,0,0,0.2);
  --shadow-start-btn:        0 4px 12px rgba(79,70,229,0.3);
  --shadow-tier-hover:       0 4px 16px rgba(79,70,229,0.08);
  --shadow-tier-featured:    0 4px 20px rgba(79,70,229,0.12);
  --shadow-card-selected:    0 0 0 2px rgba(79,70,229,0.15);
  --shadow-library-selected: 0 0 0 2px rgba(79,70,229,0.2);
  --shadow-input-focus:      0 0 0 3px rgba(79,70,229,0.1);
  --shadow-avatar-focus:     0 0 0 3px rgba(79,70,229,0.2);
  --shadow-sidebar-dot:      0 0 6px rgba(79,70,229,0.4);
  --shadow-sidebar-dot-alt:  0 0 6px rgba(129,140,248,0.5);
  --shadow-edge-toggle:      2px 0 6px rgba(0,0,0,0.06);
  --shadow-topbar:           0 1px 3px rgba(0,0,0,0.04), 0 4px 16px rgba(0,0,0,0.03);
  --shadow-combined:         0 1px 3px rgba(0,0,0,0.04), 0 4px 16px rgba(0,0,0,0.03);
  --shadow-mention-focus:    0 0 0 2px rgba(79,70,229,0.25);
  --shadow-chip-hover:       0 1px 4px rgba(79,70,229,0.12);

  /* ===== 阴影：Drop Shadow (for filter property) ===== */
  --drop-shadow-logo:        drop-shadow(0 0 0 1.5px rgba(255,255,255,0.9));
  --drop-shadow-login-logo:  drop-shadow(0 0 20px rgba(255,255,255,0.15));

  /* ===== 间距（仅重复 3+ 次的值）===== */
  --space-1:  2px;
  --space-2:  4px;
  --space-3:  6px;
  --space-4:  8px;
  --space-5:  10px;
  --space-6:  12px;
  --space-7:  14px;
  --space-8:  16px;
  --space-9:  20px;
  --space-10: 24px;
  --space-11: 28px;
  --space-12: 32px;
  --space-13: 40px;
  --space-14: 48px;
  --space-15: 80px;
}