/* ============================================================
   Design Tokens — LOGO 网
   Style: Bento + Editorial Minimalism
   Industry: Designer Resource Marketplace
   ============================================================ */
:root {
  /* === Color · Primary（品牌主蓝，色相微调更冷调） === */
  --color-primary: #2F6BFF;
  --color-primary-dark: #1E54E6;
  --color-primary-light: #5B8BFF;
  --color-primary-soft: #EEF3FF;
  --color-primary-gradient: linear-gradient(135deg, #2F6BFF 0%, #6E8FFF 100%);

  /* === Color · Accent（新增：珊瑚红，热门/限时） === */
  --color-accent: #FF6B6B;
  --color-accent-soft: #FFE8E8;

  /* === Color · AI 子站（独立色系） === */
  --color-ai: #7E5BFF;
  --color-ai-soft: #EFEAFF;
  --color-ai-gradient: linear-gradient(135deg, #7E5BFF 0%, #2F6BFF 100%);

  /* === Color · Text（深一档，更高级） === */
  --color-text: #0B1220;
  --color-text-secondary: #3A4356;
  --color-text-muted: #9CA3AF;
  --color-text-faint: #C7CCD6;

  /* === Color · Border === */
  --color-border: #E5E7EB;
  --color-border-light: #F0F2F5;

  /* === Color · Background（纸感更强） === */
  --color-bg: #F7F8FA;
  --color-bg-soft: #F9FAFC;
  --color-card: #FFFFFF;

  /* === Color · Footer === */
  --color-footer-bg: #0F1115;
  --color-footer-text: #C7CBD3;
  --color-footer-text-soft: #6B7180;

  /* === Color · Semantic === */
  --color-success: #16A37A;
  --color-success-soft: #D1FAE5;
  --color-warning: #F59E0B;
  --color-warning-soft: #FEF3C7;
  --color-danger: #EF4444;
  --color-danger-soft: #FEE2E2;
  --color-info: #3B82F6;
  --color-info-soft: #DBEAFE;

  /* === Color · Status Tag（征集状态） === */
  --color-pin: #FACC15;
  --color-running: #22C55E;
  --color-ending: #F97316;
  --color-finished: #94A3B8;

  /* === Radius（卡片更现代） === */
  --radius-xs: 4px;          /* 新增：tag/chip */
  --radius-sm: 8px;          /* 原 6 → 8 */
  --radius-md: 12px;         /* 原 10 → 12 */
  --radius-lg: 16px;
  --radius-xl: 24px;         /* 原 20 → 24，弹窗用 */
  --radius-full: 9999px;

  /* === Shadow（去蓝色相，更专业） === */
  --shadow-soft: 0 1px 2px rgba(11, 18, 32, .04);
  --shadow-card: 0 4px 12px rgba(11, 18, 32, .06);
  --shadow-card-hover: 0 8px 24px rgba(11, 18, 32, .08);
  --shadow-lg: 0 16px 40px rgba(11, 18, 32, .12);
  --shadow-search: 0 8px 24px rgba(47, 107, 255, .18);
  --shadow-primary: 0 8px 24px rgba(47, 107, 255, .20);
  --shadow-ai: 0 10px 28px rgba(126, 91, 255, .22);

  /* === Font Family（引入 Inter） === */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont,
    "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI",
    Roboto, sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", Consolas, "Microsoft YaHei Mono",
    monospace;

  /* === Type Scale（新增 8 级阶梯） === */
  --text-xs:   12px;
  --text-sm:   13px;
  --text-base: 14px;
  --text-md:   16px;
  --text-lg:   18px;
  --text-xl:   22px;
  --text-2xl:  28px;
  --text-3xl:  36px;
  --text-4xl:  48px;

  /* === Font Weight === */
  --fw-regular: 400;
  --fw-medium:  500;
  --fw-semi:    600;
  --fw-bold:    700;

  /* === Spacing（8pt 系统，新增） === */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;

  /* === Motion（新增） === */
  --ease-out:        cubic-bezier(.22, .61, .36, 1);
  --ease-in-out:     cubic-bezier(.65, .05, .36, 1);
  --duration-fast:   150ms;
  --duration-base:   220ms;
  --duration-slow:   320ms;

  /* === Layout（保留） === */
  --container: 1480px;
  --sidebar-w: 88px;
  --header-h:  64px;
  --space-section: 32px;
}