/* ============================================================
   观潮海报网 · 设计令牌 (Design Tokens)
   themes/default/assets/css/tokens.css
   ------------------------------------------------------------
   全站唯一的颜色 / 圆角 / 阴影 / 字体来源，其他样式文件只引用变量。
   ============================================================ */
:root {
  /* ---------- 品牌绿 ---------- */
  --hb-green-50:  #ecfdf5;
  --hb-green-100: #d1fae5;
  --hb-green-200: #a7f3d0;
  --hb-green-300: #6ee7b7;
  --hb-green-400: #34d399;
  --hb-green-500: #10b981;
  --hb-green-600: #059669;
  --hb-green-700: #047857;
  --hb-green-grad:     linear-gradient(135deg, #34d399, #10b981);
  --hb-green-grad-cta: linear-gradient(135deg, #34d399, #22c55e);
  --hb-green-ring:     rgba(16, 185, 129, .14);

  /* ---------- 中性色 ---------- */
  --hb-ink-900: #0f172a;
  --hb-ink-800: #1e293b;
  --hb-ink-700: #334155;
  --hb-ink-600: #475569;
  --hb-ink-500: #64748b;
  --hb-ink-400: #94a3b8;
  --hb-ink-300: #cbd5e1;
  --hb-ink-200: #e2e8f0;
  --hb-ink-100: #eef1f4;

  /* ---------- 背景与线条 ---------- */
  --hb-page:          #f0f2f5;
  --hb-surface:       #ffffff;
  --hb-surface-soft:  #fafbfc;
  --hb-surface-muted: #f7f9fc;
  --hb-line:          #eef1f4;
  --hb-line-strong:   #e5e7eb;

  /* ---------- 圆角 ---------- */
  --hb-r-sm:   8px;
  --hb-r-md:   10px;
  --hb-r-lg:   12px;
  --hb-r-xl:   16px;
  --hb-r-2xl:  20px;
  --hb-r-full: 999px;

  /* ---------- 阴影 ---------- */
  --hb-shadow-xs: 0 1px 2px rgba(15, 23, 42, .05);
  --hb-shadow-sm: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);
  --hb-shadow-md: 0 2px 12px rgba(15, 23, 42, .05);
  --hb-shadow-lg: 0 10px 28px rgba(15, 23, 42, .10);
  --hb-shadow-xl: 0 20px 60px rgba(15, 23, 42, .22);

  /* ---------- 缓动 ---------- */
  --hb-ease: cubic-bezier(.4, 0, .2, 1);

  /* ---------- 字体 ---------- */
  --hb-font: 'Inter', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif;
}