/* ==========================================================================
   盈豆科技 · 设计令牌
   翻新自旧站固定 1004px 表格布局，品牌绿沿用 #45b93b
   ========================================================================== */
:root {
  /* 品牌色 */
  --c-brand: #45b93b;
  --c-brand-dark: #2f8f2a;
  --c-brand-darker: #266f23;
  --c-brand-tint: #eef8ec;
  --c-brand-tint-2: #d9efd6;

  /* 中性色 */
  --c-ink: #1f2328;
  --c-ink-2: #5c6670;
  --c-ink-3: #8a929b;
  --c-line: #e5e8eb;
  --c-line-2: #d5d9dd;
  --c-bg: #ffffff;
  --c-bg-alt: #f6f7f8;

  /* 功能色 */
  --c-danger: #ca0000;
  --c-success: #2f8f2a;

  /* 字体 */
  --font-zh: "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, -apple-system, sans-serif;
  --font-en: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* 字号 */
  --fs-12: 12px;
  --fs-14: 14px;
  --fs-16: 16px;
  --fs-18: 18px;
  --fs-20: 20px;
  --fs-24: 24px;
  --fs-28: 28px;
  --fs-32: 32px;
  --fs-40: 40px;
  --lh-tight: 1.25;
  --lh-base: 1.65;

  /* 间距 */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;
  --sp-20: 80px;

  /* 圆角与阴影 */
  --radius-sm: 4px;
  --radius: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;
  --shadow-1: 0 1px 2px rgba(16, 24, 40, .06);
  --shadow-2: 0 8px 24px rgba(16, 24, 40, .10);
  --shadow-3: 0 16px 40px rgba(16, 24, 40, .14);

  /* 布局 */
  --container: 1200px;
  --container-narrow: 860px;
  --header-h: 64px;
  --topbar-h: 36px;

  /* 过渡与层级 */
  --t-fast: .15s ease;
  --t-base: .25s ease;
  --z-header: 100;
  --z-drawer: 200;
}