/* 设计令牌（对齐点餐 v3）：结构尺寸在此，颜色由 /api/public/tokens.css 下发。
   页面禁止写死色值；旧变量名只作别名，统一指向新令牌。 */
:root {
  /* 字号 */
  --fs-xs: 11px;
  --fs-sm: 13px;
  --fs-md: 14px;
  --fs-lg: 18px;
  --fs-xl: 22px;
  --fs-xxl: 28px;

  /* 圆角 */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-pill: 999px;
  --radius-sm: var(--r-sm);
  --radius-md: var(--r-md);
  --radius-lg: var(--r-lg);

  /* 间距与固定高度 */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --gap: 12px;
  --pad: 16px;
  --tap: 44px;
  --nav-h: 56px;
  --topbar-h: 52px;
  --cartbar-h: 52px;
  --safe-b: env(safe-area-inset-bottom, 0px);
  --safe-t: env(safe-area-inset-top, 0px);
  --bottom-space: calc(var(--cartbar-h) + var(--safe-b) + 20px);
  --bottom-space-plain: calc(var(--safe-b) + 16px);

  --font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;

  /* 颜色兜底值：动态令牌加载失败时短暂使用，随后被服务端令牌覆盖 */
  --brand: #0f766e;
  --brand-deep: #134e4a;
  --brand-50: #e6f4f1;
  --brand-line: #b2ddd7;
  --bg: #f6f7f9;
  --card: #ffffff;
  --ink: #1b1f27;
  --muted: #6b7280;
  --line: #e5e7eb;
  --danger: #b91c1c;
  --warn: #b45309;
  --ok: #15803d;
  --on-brand: #ffffff;
  --shadow: 0 8px 24px rgba(15, 23, 42, .08);

  /* 旧变量名别名：本版页面仍在用，统一指向新令牌，避免两套色值 */
  --brand-dark: var(--brand-deep);
  --brand-weak: var(--brand-50);
  --surface: var(--card);
  --ink-900: var(--ink);
  --ink-700: var(--ink);
  --ink-500: var(--muted);
  --ink-300: var(--muted);
  --success: var(--ok);
  --warning: var(--warn);
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);
  --shadow-md: var(--shadow);
}