/* ============================================================
   生产管理平台 · 设计令牌 Design Tokens
   主题：Ocean Depths 深海蓝
   —— 全平台唯一配色/尺寸来源，换主题只改本文件 ——

   加载规则：本文件必须在所有模块 CSS 之后加载。
   选择器用 html:root（优先级 0,0,1,1）高于模块自带的 :root（0,0,1,0），
   因此模块里的旧配色变量（--blue/--accent/--gray-light ...）会被这里统一收编，
   全站呈现同一套深海蓝语言。
   ============================================================ */
html:root {
  /* ---------- 1. 品牌原色（Ocean Depths） ---------- */
  --pf-navy-950: #07111d;
  --pf-navy-900: #0b1a29;
  --pf-navy-850: #0d1f30;
  --pf-navy-800: #12293d;
  --pf-navy-700: #19364e;
  --pf-navy-600: #22475f;

  --pf-teal-700: #0b6d78;
  --pf-teal-600: #0d8494;
  --pf-teal-500: #12a0ad;
  --pf-teal-200: #bfe4e8;
  --pf-teal-100: #e3f3f5;
  --pf-teal-50:  #f2fafb;
  --pf-seafoam:  #a8dadc;

  /* ---------- 2. 中性色阶（冷调海军灰，统一暖白/纯黑） ---------- */
  --pf-ink:    #16202c;   /* 主文字 */
  --pf-ink-2:  #4a5c70;   /* 次文字 */
  --pf-ink-3:  #7b8b9c;   /* 弱文字/说明 */
  --pf-line:   #e3e9f0;   /* 分割线 */
  --pf-line-2: #d3dce6;   /* 强分割线/输入框边 */
  --pf-bg:     #f1f4f8;   /* 页面底色 */
  --pf-surface:#ffffff;   /* 卡片 */
  --pf-surface-2:#f6f8fb; /* 次级填充 */

  /* ---------- 3. 语义色（低饱和，与深海蓝共存） ---------- */
  --pf-success: #1f7f5c;  --pf-success-bg: #e9f6f0;  --pf-success-line: #c3e6d7;
  --pf-warn:    #a9701c;  --pf-warn-bg:    #fdf6e8;  --pf-warn-line:    #f0ddb6;
  --pf-danger:  #b8433c;  --pf-danger-bg:  #fdeeee;  --pf-danger-line:  #f3d2d0;
  --pf-info:    #2b6f9e;  --pf-info-bg:    #eaf3fa;  --pf-info-line:    #cfe2f0;

  /* ---------- 4. 阴影（海军蓝着色，禁用纯黑投影） ---------- */
  --pf-sh-1: 0 1px 2px rgba(12,28,43,.05), 0 1px 3px rgba(12,28,43,.04);
  --pf-sh-2: 0 2px 6px rgba(12,28,43,.06), 0 8px 20px -10px rgba(12,28,43,.14);
  --pf-sh-3: 0 12px 32px -14px rgba(12,28,43,.26), 0 4px 12px rgba(12,28,43,.06);

  /* ---------- 5. 圆角 / 间距 / 字号 ---------- */
  --pf-r-sm: 8px;
  --pf-r-md: 12px;
  --pf-r-lg: 16px;
  --pf-r-pill: 999px;

  --pf-sp-1: 4px;  --pf-sp-2: 8px;  --pf-sp-3: 12px;
  --pf-sp-4: 16px; --pf-sp-5: 20px; --pf-sp-6: 24px; --pf-sp-8: 32px;

  --pf-fs-xs: 12px;
  --pf-fs-sm: 13px;
  --pf-fs-base: 14px;
  --pf-fs-md: 15px;
  --pf-fs-lg: 17px;
  --pf-fs-xl: 20px;
  --pf-fs-2xl: 26px;
  --pf-fs-3xl: 32px;

  --pf-font: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Source Han Sans SC", system-ui, -apple-system, "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;

  /* ---------- 6. 外壳专用（侧栏/顶栏） ---------- */
  --panel:        #0d1f30;
  --panel-2:      #16324a;
  --panel-text:   #c8d6e2;
  --panel-muted:  #7f96ab;
  --panel-hover:  rgba(255, 255, 255, .08);
  --panel-line:   rgba(255, 255, 255, .10);

  /* 平台外壳轻别名（供 shell.css / bridge.css 使用） */
  --bg: var(--pf-bg);
  --card: var(--pf-surface);
  --text: var(--pf-ink);
  --text-2: var(--pf-ink-2);
  --muted: var(--pf-ink-3);
  --border: var(--pf-line);
  --accent: var(--pf-teal-600);
  --accent-strong: var(--pf-teal-700);
  --accent-soft: var(--pf-teal-100);
  --accent-glow: rgba(13, 132, 148, .18);
  --accent-2: var(--pf-teal-100);
  --shadow: rgba(12, 28, 43, .10);

  /* ---------- 7. 模块兼容层 ----------
     三个模块自带 style.css 里写了各自的 :root（Element 蓝 / 科技蓝 / 硬编码色）。
     这里用同名变量统一收编，使模块页面无需改模板即呈现深海蓝语言。
     ------------------------------------------------------------ */
  --surface: var(--pf-surface);
  --radius: var(--pf-r-md);

  /* ship：分类色 A/B/C + 状态色（保留色相语义，统一饱和度） */
  --blue:         #2b6f9e;   /* 海蓝：A 类/信息 */
  --blue-light:   #eaf3fa;
  --blue-l:       #eaf3fa;
  --orange:       #c07c2a;   /* 琥珀：B 类/待办 */
  --orange-light: #fdf4e7;
  --orange-l:     #fdf4e7;
  --green:        #2f8a63;   /* 海绿：C 类/完成 */
  --green-light:  #eaf7f1;
  --green-l:      #eaf7f1;
  --red:          #c0453f;   /* 砖红：异常 */
  --red-l:        #fdeeee;
  --gray:         #7b8b9c;
  --gray-light:   #f4f7fa;
  --pending-bg:   #fdf6e8;
  --done-bg:      #eaf7f1;

  /* plan：主色 + 状态语义 */
  --must:    var(--pf-teal-600);
  --chadan:  #b8433c;
  --budan:   #1f7f5c;
  --danger:  var(--pf-danger);

  /* 手机端（ship/mobile.html、plan/mobile.html）同名变量 */
  --line:  var(--pf-line);
  --txt:   var(--pf-ink);
  --sub:   var(--pf-ink-3);
}

/* 数字统一等宽对齐（数据后台可读性关键） */
html:root {
  --pf-num-font: ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;
}