/*
 * 智能科技设计系统：语义变量
 * 页面和组件只能引用 --ui-* 变量，不直接绑定某一个业务页面的颜色。
 */

body[data-theme="tech"] {
  /* Canvas and layered surfaces */
  --ui-canvas: #050b15;
  --ui-canvas-deep: #030812;
  --ui-surface-1: #091524;
  --ui-surface-2: #0d1a2b;
  --ui-surface-3: #111f31;
  --ui-surface-4: #16263a;
  --ui-surface-hover: #142b3d;
  --ui-surface-selected: #103344;
  --ui-surface-disabled: #0a1320;
  --ui-paper: #f8fafb;

  /* Text hierarchy */
  --ui-text-strong: #edf5fb;
  --ui-text: #cbd8e4;
  --ui-text-muted: #8197aa;
  --ui-text-faint: #5d7285;
  --ui-text-on-accent: #03141d;

  /* Lines and focus */
  --ui-line: rgba(123, 158, 188, 0.2);
  --ui-line-strong: rgba(75, 216, 237, 0.38);
  --ui-line-subtle: rgba(123, 158, 188, 0.12);
  --ui-focus-ring: rgba(75, 216, 237, 0.16);

  /* Actions and semantic states */
  --ui-accent: #4bd8ed;
  --ui-accent-strong: #31bfd8;
  --ui-intelligence: #8b7cff;
  --ui-success: #35d579;
  --ui-warning: #ffb340;
  --ui-danger: #ff6675;
  --ui-info: #64a9ff;
  --ui-accent-soft: rgba(75, 216, 237, 0.12);
  --ui-intelligence-soft: rgba(139, 124, 255, 0.12);
  --ui-success-soft: rgba(53, 213, 121, 0.11);
  --ui-warning-soft: rgba(255, 179, 64, 0.11);
  --ui-danger-soft: rgba(255, 102, 117, 0.11);
  --ui-info-soft: rgba(100, 169, 255, 0.11);

  /* Density, shape and motion */
  --ui-radius-xs: 6px;
  --ui-radius-sm: 8px;
  --ui-radius-md: 12px;
  --ui-radius-lg: 16px;
  --ui-radius-xl: 20px;
  --ui-space-1: 4px;
  --ui-space-2: 8px;
  --ui-space-3: 12px;
  --ui-space-4: 16px;
  --ui-space-5: 20px;
  --ui-space-6: 24px;
  --ui-control-sm: 30px;
  --ui-control-md: 38px;
  --ui-control-lg: 44px;
  --ui-shadow-panel: inset 0 1px 0 rgba(255, 255, 255, 0.02), 0 18px 48px rgba(0, 0, 0, 0.16);
  --ui-shadow-focus: 0 0 0 3px var(--ui-focus-ring);
  --ui-shadow-glow: 0 0 26px rgba(75, 216, 237, 0.11);
  --ui-transition: 160ms ease;

  /* Backward-compatible aliases during migration */
  --bg: var(--ui-canvas);
  --panel: var(--ui-surface-1);
  --ink: var(--ui-text-strong);
  --text: var(--ui-text);
  --muted: var(--ui-text-muted);
  --line: var(--ui-line);
  --border: var(--ui-line);
  --accent: var(--ui-accent);
  --primary: var(--ui-accent);
  --green: var(--ui-success);
  --accent-2: var(--ui-intelligence);
  --danger: var(--ui-danger);
  --soft: var(--ui-surface-2);
}