/**
 * 焰魂 · UI 基线（焦点、动效降级、Element Plus ↔ 令牌）
 * 依赖：先加载 fenjue-tokens.css
 * @see docs/焰魂-V5.0-商业化视觉框架-Manifesto.md（视觉与交互唯一权威）
 * @see docs/焰魂-L0-L1-Linear设计落地.md
 */

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

a:focus-visible,
button:focus-visible,
[role='button']:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
.fj-focusable:focus-visible {
  outline: 2px solid var(--fj-focus-ring);
  outline-offset: var(--fj-focus-ring-offset, 2px);
}

html.dark,
html.fj-admin-light {
  --el-color-primary: var(--fj-accent);
  --el-color-danger: var(--fj-danger);
  --el-color-success: var(--fj-success);
  --el-color-warning: var(--fj-warning);
  --el-color-info: var(--fj-info);
  --el-bg-color: var(--fj-bg-surface);
  --el-bg-color-page: var(--fj-bg-root);
  --el-fill-color-blank: var(--fj-bg-surface);
  --el-fill-color-light: var(--fj-bg-hover);
  --el-fill-color: var(--fj-bg-elevated);
  --el-border-color: var(--fj-border-base);
  --el-border-color-light: var(--fj-border-subtle);
  --el-border-color-extra-light: var(--fj-border-subtle);
  --el-text-color-primary: var(--fj-text-primary);
  --el-text-color-regular: var(--fj-text-secondary);
  --el-text-color-secondary: var(--fj-text-secondary);
  --el-text-color-placeholder: var(--fj-text-tertiary);
  --el-border-radius-base: var(--fj-radius-sm);
  --el-border-radius-small: var(--fj-radius-sm);
  --el-border-radius-round: 999px;
  --el-font-family: var(--fj-font-sans);
  --el-box-shadow: var(--fj-shadow-card);
  --el-box-shadow-light: var(--fj-shadow-card);
  --el-disabled-bg-color: var(--fj-bg-hover);
  --el-disabled-text-color: var(--fj-text-tertiary);
  --el-mask-color: var(--fj-backdrop-scrim);
}

/* —— 管理壳内 Element：表格 / 卡片 / 抽屉 / 分页 —— */
.fj-app .el-table {
  --el-table-bg-color: var(--fj-bg-surface);
  --el-table-tr-bg-color: var(--fj-bg-surface);
  --el-table-header-bg-color: var(--fj-bg-elevated);
  --el-table-row-hover-bg-color: var(--fj-bg-hover);
  --el-table-current-row-bg-color: var(--fj-bg-hover);
  --el-table-border-color: var(--fj-border-subtle);
  --el-table-text-color: var(--fj-text-primary);
  --el-table-header-text-color: var(--fj-text-tertiary);
  font-size: var(--fj-text-sm);
}

.fj-app .el-table th.el-table__cell {
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: none;
  border-bottom: 1px solid var(--fj-border-base);
}

.fj-app .el-table td.el-table__cell {
  border-bottom: 1px solid var(--fj-border-subtle);
}