/* Approved website UI tokens — single color source. Website UI, not corporate VI. */
:root {
/* Primitive */
  --apex-p-navy: #131F5B; /* 主操作与深色强调面 */
  --apex-p-navy-hover: #263674; /* 主操作悬停 */
  --apex-p-navy-active: #0D173F; /* 主操作按下 */
  --apex-p-orange: #F47C2E; /* 品牌点缀，不作小字或白字按钮底 */
  --apex-p-orange-ink: #A44E24; /* 确需橙系文字时的深色变体，不替代Logo色 */
  --apex-p-ink: #0D1224; /* 标题与主要信息 */
  --apex-p-body: #4F5665; /* 正文 */
  --apex-p-muted: #626E80; /* 白/浅灰背景上的辅助文字 */
  --apex-p-white: #FFFFFF; /* 主背景、卡片、反白文字 */
  --apex-p-surface: #F1F4F8; /* 通用浅色模块底 */
  --apex-p-stage: #E4EDF2; /* 透明耗材展示底与展开/选中浅色面 */
  --apex-p-warm: #F7F6F2; /* 受限编辑暖白；仅企业故事等有人文语境模块 */
  --apex-p-line: #DDE2EA; /* 非必要装饰分隔线 */
  --apex-p-control-line: #7D8797; /* 输入框/必要图标/控件边界，不作正常小字 */
  --apex-p-inverse-muted: #C7CFDF; /* 深蓝背景上的次级文字 */
  --apex-p-error: #B13C35; /* 实际错误/失败状态，必须伴随文字 */
  --apex-p-success: #287A68; /* 真实完成/通过状态，非质量装饰色 */
  --apex-p-warning: #624621; /* 实际注意事项，必须伴随文字 */

/* Semantic */
  --apex-action-primary: var(--apex-p-navy);
  --apex-action-hover: var(--apex-p-navy-hover);
  --apex-action-active: var(--apex-p-navy-active);
  --apex-brand-accent: var(--apex-p-orange);
  --apex-accent-text: var(--apex-p-orange-ink);
  --apex-text-primary: var(--apex-p-ink);
  --apex-text-body: var(--apex-p-body);
  --apex-text-muted: var(--apex-p-muted);
  --apex-text-inverse: var(--apex-p-white);
  --apex-text-inverse-muted: var(--apex-p-inverse-muted);
  --apex-background-page: var(--apex-p-white);
  --apex-surface-default: var(--apex-p-white);
  --apex-surface-subtle: var(--apex-p-surface);
  --apex-surface-product: var(--apex-p-stage);
  --apex-surface-selected: var(--apex-p-stage);
  --apex-surface-editorial: var(--apex-p-warm);
  --apex-surface-inverse: var(--apex-p-navy);
  --apex-border-subtle: var(--apex-p-line);
  --apex-border-control: var(--apex-p-control-line);
  --apex-focus-ring: var(--apex-p-navy);
  --apex-status-error: var(--apex-p-error);
  --apex-status-success: var(--apex-p-success);
  --apex-status-warning: var(--apex-p-warning);
  --apex-status-info: var(--apex-p-navy);

/* Effects */
  --apex-header-glass: rgba(255,255,255,0.86);
  --apex-header-scrolled: rgba(255,255,255,0.96);
  --apex-shadow-color: rgba(13,18,36,0.10);
  --apex-modal-scrim: rgba(13,18,36,0.48);
  --apex-image-scrim: rgba(13,18,36,0.60);
  --apex-inverse-divider: rgba(255,255,255,0.20);

/* Components */
  --apex-button-primary-bg: var(--apex-action-primary);
  --apex-button-primary-fg: var(--apex-text-inverse);
  --apex-button-primary-hover: var(--apex-action-hover);
  --apex-button-primary-active: var(--apex-action-active);
  --apex-button-secondary-bg: var(--apex-surface-default);
  --apex-button-secondary-fg: var(--apex-action-primary);
  --apex-button-secondary-border: var(--apex-action-primary);
  --apex-header-text: var(--apex-text-primary);
  --apex-dropdown-bg: var(--apex-surface-default);
  --apex-dropdown-hover-bg: var(--apex-surface-subtle);
  --apex-footer-bg: var(--apex-surface-inverse);
  --apex-footer-text: var(--apex-text-inverse-muted);
  --apex-footer-heading: var(--apex-text-inverse);
  --apex-input-bg: var(--apex-surface-default);
  --apex-input-text: var(--apex-text-primary);
  --apex-input-placeholder: var(--apex-text-muted);
  --apex-input-border: var(--apex-border-control);
  --apex-input-error: var(--apex-status-error);
  --apex-metric-active-bg: var(--apex-surface-selected);
  --apex-metric-idle-bg: var(--apex-surface-subtle);
  --apex-metric-value: var(--apex-text-primary);
  --apex-metric-label: var(--apex-text-body);
  --apex-table-header-bg: var(--apex-surface-subtle);
  --apex-table-cell-bg: var(--apex-surface-default);
  --apex-table-text: var(--apex-text-body);
  --apex-table-line: var(--apex-border-subtle);
}