/* ============================================================
   特融易 · 设计令牌
   一套令牌同时服务 PC 与移动，尺寸随容器宽度切换
   ============================================================ */
:root {
  /* 品牌 */
  --brand-900: #082f3a;
  --brand-800: #0b4a5c;
  --brand-700: #0e5f77;
  --brand-600: #0e7490;
  --brand-500: #0891b2;
  --brand-400: #22b8d4;
  --brand-100: #d9f2f8;
  --brand-050: #effafc;

  /* 中性 */
  --ink-900: #0b1220;
  --ink-800: #1a2433;
  --ink-700: #2b3a4d;
  --ink-500: #5b6b7f;
  --ink-400: #8494a7;
  --ink-300: #aeb9c7;
  --line: #e5eaf1;
  --line-soft: #eef2f7;
  --surface: #f3f6fa;
  --surface-2: #f8fafc;
  --card: #ffffff;

  /* 语义 */
  --success: #0f9d76;
  --success-bg: #e7f8f2;
  --warn: #c2751a;
  --warn-bg: #fdf3e3;
  --danger: #d23c3c;
  --danger-bg: #fdecec;
  --info: #2563eb;
  --info-bg: #eaf1fe;
  --gold: #b8860b;

  /* 圆角 */
  --r-xs: 6px;
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 18px;
  --r-xl: 24px;
  --r-pill: 999px;

  /* 阴影 */
  --shadow-xs: 0 1px 2px rgba(11, 18, 32, 0.05);
  --shadow-sm: 0 2px 8px -2px rgba(11, 18, 32, 0.08);
  --shadow-md: 0 10px 24px -14px rgba(11, 18, 32, 0.28);
  --shadow-lg: 0 22px 48px -20px rgba(11, 18, 32, 0.34);

  /* 节奏 */
  --gap-1: 4px;
  --gap-2: 8px;
  --gap-3: 12px;
  --gap-4: 16px;
  --gap-5: 20px;
  --gap-6: 24px;
  --gap-8: 32px;

  /* 版式 */
  --font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "HarmonyOS Sans SC",
    "Microsoft YaHei", "Segoe UI", Roboto, sans-serif;
  --font-mono: "SF Mono", "JetBrains Mono", Consolas, "Cascadia Mono", monospace;

  /* 端特征 */
  --app-max: 1180px;
  --sidebar-w: 236px;
  --tabbar-h: 58px;
  --safe-bottom: env(safe-area-inset-bottom, 0px);

  /* 主色渐变 */
  --grad-brand: linear-gradient(135deg, #0e7490 0%, #0b5f77 48%, #0a4a5e 100%);
  --grad-glow: radial-gradient(120% 120% at 0% 0%, rgba(34, 184, 212, 0.28) 0%, transparent 55%);
}

/* 移动端密度 */
@media (max-width: 767px) {
  :root {
    --gap-6: 20px;
    --gap-8: 24px;
  }
}