/* Carta · 主题层：调色板 + 超管深色皮肤。换肤改这里。 */
  /* v606：字体已自托管，见 /fonts.css（原 Google Fonts @import 已移除） */

  :root {
    --bg: #FAFAF8;
    --card: #FFFFFF;
    --surface: #F4F3EE;
    --me-off-bg: #E9E7DE;
    --text: #1A1A1A;
    --text-sub: #6B6B6B;
    --accent: #E85D3A;
    --accent-light: #FFF0EC;
    --accent-dark: #C94A2A;
    --green: #2D9F6F;
    --green-light: #E8F7F0;
    --border: #E8E8E4;
    --shadow: 0 2px 12px rgba(0,0,0,0.06);
    --shadow-lg: 0 8px 32px rgba(0,0,0,0.10);
    --radius: 12px;
    --nav-h: 56px;
  }

  /* ===== 后台·深蓝灰深色主题（ROLE='hub' 时 body 挂 .hub-dark；绝不影响顾客/员工/厨房/柜台端） ===== */
  .hub-dark {
    --bg: #1E2530;
    --card: #2A3340;
    --surface: #232B38;
    --me-off-bg: #1C2330;
    --text: #E6EAF0;
    --text-sub: #8B95A3;
    --border: #39434F;
    --green-light: rgba(45,159,111,0.20);
    --accent-light: rgba(232,93,58,0.18);
    --shadow: 0 2px 12px rgba(0,0,0,0.35);
    --shadow-lg: 0 10px 36px rgba(0,0,0,0.5);
    background: #1E2530;
    color: var(--text);
  }
  #pageHub .ac-rail { background: #232B38; }
  #pageHub .ac-nav .ic { border-color: color-mix(in srgb, var(--ac,var(--accent)) 38%, transparent); }
  #pageHub .ac-panel.danger { border-color: #6E4248; background: #33292C; }
  #pageHub .ac-chip.off { background: rgba(229,62,62,0.22); color: #F0A0A0; }
  #pageHub .hub-link.dark { background: #39434F; color: #E6EAF0; }
  .hub-dark input, .hub-dark select, .hub-dark textarea { background: #1A212B; color: var(--text); }
  .hub-dark input::placeholder, .hub-dark textarea::placeholder { color: #6A7483; }
  #pageHub code { background: rgba(255,255,255,0.07); padding: 2px 6px; border-radius: 4px; font-size: 11px; }
  /* 后台深色：覆盖菜品编辑器/翻译页等写死的浅色表面（仅 hub 会话生效） */
  .hub-dark .me-cat-head { background: var(--surface); }
  .hub-dark .me-item { border-bottom-color: var(--border); }
  .hub-dark .me-item:nth-child(odd) { background: var(--surface); }
  .hub-dark .me-item:nth-child(even) { background: var(--card); }
  .hub-dark .me-item.me-dragging { background: var(--accent-light); }  /* v384 深色拖拽抬起态：压过斑马纹 */
  .hub-dark .toast { background: #11161F; }
