/**
 * 设计令牌：语义与 shadcn 对齐，主色靛蓝 #4f46e5（工具型 B 端）
 */
:root {
  --color-background: #fcfcfc;
  --color-foreground: #0f172a;
  --color-primary: #4f46e5;
  --color-primary-foreground: #fafafa;
  --color-secondary: #f1f5f9;
  --color-secondary-foreground: #0f172a;
  --color-muted: #f4f4f5;
  --color-muted-foreground: #71717a;
  --color-accent: #f4f4f5;
  --color-accent-foreground: #0f172a;
  --color-destructive: #dc2626;
  --color-destructive-foreground: #fafafa;
  --color-border: #e4e4e7;
  --color-input: #e4e4e7;
  --color-ring: #4f46e5;
  --color-card: #ffffff;
  --color-card-foreground: #0f172a;
  --color-popover: #ffffff;
  --color-popover-foreground: #0f172a;
  --color-sidebar: #18181b;
  --color-sidebar-foreground: #fafafa;
  --color-sidebar-primary: #4f46e5;
  --color-sidebar-primary-foreground: #fafafa;
  --color-sidebar-accent: #27272a;
  --color-sidebar-accent-foreground: #fafafa;
  --color-sidebar-border: #27272a;
  --color-chart-amber: #d97706;
  --color-chart-blue: #2563eb;
  --radius: 0.5rem;
  /* 顶栏 / 标签栏与主区高度（Layout、AppMain） */
  --app-navbar-h: 64px;
  --app-tags-h: 34px;
}

@media (max-width: 768px) {
  :root {
    --app-navbar-h: 56px;
  }
}

html.theme-dark,
.theme-dark {
  --color-background: #09090b;
  --color-foreground: #fafafa;
  --color-primary: #818cf8;
  --color-primary-foreground: #18181b;
  --color-secondary: #27272a;
  --color-secondary-foreground: #fafafa;
  --color-muted: #27272a;
  --color-muted-foreground: #a1a1aa;
  --color-accent: #27272a;
  --color-accent-foreground: #fafafa;
  --color-destructive: #f87171;
  --color-destructive-foreground: #18181b;
  --color-border: #27272a;
  --color-input: #27272a;
  --color-ring: #818cf8;
  --color-card: #18181b;
  --color-card-foreground: #fafafa;
  --color-popover: #18181b;
  --color-popover-foreground: #fafafa;
  --color-sidebar: #09090b;
  --color-sidebar-foreground: #fafafa;
  --color-sidebar-primary: #818cf8;
  --color-sidebar-primary-foreground: #18181b;
  --color-sidebar-accent: #27272a;
  --color-sidebar-accent-foreground: #fafafa;
  --color-sidebar-border: #27272a;
}
