/* 普鸿 PUHONG Design Tokens — 官网与业务系统统一
 * 权威来源：docs/普鸿VI完整交付包/04_开发交付参考/
 * 业务后台默认浅色；深色仅用于数据大屏/重点分析模块。
 */
:root {
  /* Brand */
  --ph-color-brand: #1a5bff;
  --ph-color-brand-light: #4c8dff;
  --ph-color-brand-dark: #0e3fd1;
  --ph-color-tech: #3d8cff;
  --ph-color-deep: #0d2b66;
  --ph-color-teal: #00b8a9;
  --ph-color-mint: #7ad9c1;

  /* Semantic */
  --ph-color-success: #22c55e;
  --ph-color-warning: #faad14;
  --ph-color-danger: #f53f3f;
  --ph-color-info: #3d8cff;

  /* Neutral / text */
  --ph-color-neutral-900: #0f172a;
  --ph-color-neutral-700: #334155;
  --ph-color-neutral-500: #64748b;
  --ph-color-neutral-300: #cbd5e1;
  --ph-color-neutral-100: #f1f5f9;
  --ph-color-text-primary: #0f172a;
  --ph-color-text-secondary: #64748b;
  --ph-color-text-muted: #94a3b8;
  --ph-color-border: #e2e8f0;
  --ph-color-bg-page: #f8fafc;
  --ph-color-bg-soft: #f1f5f9;
  --ph-color-bg-card: #ffffff;

  /* Alias used by older snippets */
  --ph-color-bg-page-alt: #f5f7fa;

  /* Radius */
  --ph-radius-sm: 8px;
  --ph-radius-md: 12px;
  --ph-radius-lg: 20px;

  /* Spacing */
  --ph-space-4: 4px;
  --ph-space-8: 8px;
  --ph-space-12: 12px;
  --ph-space-16: 16px;
  --ph-space-24: 24px;
  --ph-space-32: 32px;
  --ph-space-48: 48px;
  --ph-space-64: 64px;

  /* Shadow */
  --ph-shadow-card: 0 2px 8px rgba(15, 23, 42, 0.06);
  --ph-shadow-popup: 0 8px 24px rgba(15, 23, 42, 0.12);
  --ph-shadow-float: 0 16px 40px rgba(15, 23, 42, 0.16);

  /* Typography — VI: Source Han Sans SC / Alibaba PuHuiTi；门户用 Noto Sans SC 作 Web 替代 */
  --ph-font-cn: "Noto Sans SC", "Source Han Sans SC", "Alibaba PuHuiTi", "PingFang SC",
    "Microsoft YaHei", sans-serif;
  --ph-font-en: Inter, Roboto, Arial, sans-serif;
  --ph-font: var(--ph-font-cn);

  /* Layout */
  --ph-sidebar-w: 220px;
  --ph-header-h: 56px;

  /* App semantic aliases (map to PH tokens) */
  --bg-0: var(--ph-color-bg-page);
  --bg-1: var(--ph-color-bg-card);
  --bg-2: var(--ph-color-bg-soft);
  --bg-3: #e8eef8;
  --line: var(--ph-color-border);
  --text: var(--ph-color-text-primary);
  --muted: var(--ph-color-text-secondary);
  --accent: var(--ph-color-brand);
  --accent-dim: rgba(26, 91, 255, 0.1);
  --warn: var(--ph-color-warning);
  --danger: var(--ph-color-danger);
  --ok: var(--ph-color-success);
  --radius: var(--ph-radius-md);
  --sidebar-w: var(--ph-sidebar-w);
  --font: var(--ph-font);
  --mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}