/**
 * HuiFuYiPay — Design Tokens（阶段 1）
 * 管理端 / 商户端同源变量；商户端通过 html[data-ui-app="merchant"] 加大留白与字号。
 * 命名预留 Tabler：部分别名与后续 @tabler/core 对齐。
 */

:root {
  /* 品牌与语义（对齐 Tabler 蓝绿体系） */
  --hui-primary: #206bc4;
  --hui-primary-rgb: 32, 107, 196;
  --hui-success: #2fb344;
  --hui-warning: #f59f00;
  --hui-danger: #d63939;
  --hui-info: #4299e1;

  /* 中性 */
  --hui-body-color: #1d273b;
  --hui-muted: #667382;
  --hui-border-color: #dee2e6;
  --hui-bg-page: #f1f5f9;
  --hui-bg-surface: #ffffff;
  --hui-table-header-bg: #f8fafc;
  --hui-table-selected-bg: rgba(var(--hui-primary-rgb), 0.09);
  --hui-table-hover-bg: rgba(var(--hui-primary-rgb), 0.05);

  /* Tabler 别名（便于阶段 3 直接映射主题根） */
  --tblr-primary: var(--hui-primary);
  --tblr-success: var(--hui-success);
  --tblr-warning: var(--hui-warning);
  --tblr-danger: var(--hui-danger);

  /* 字号阶梯（表格正文 ≥14px） */
  --hui-font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial,
    "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --hui-fs-body: 0.9375rem;
  --hui-fs-table: 0.9375rem;
  --hui-fs-small: 0.8125rem;
  --hui-fs-caption: 0.75rem;
  --hui-fs-page-title: 1.35rem;
  --hui-fs-card-title: 1.0625rem;
  --hui-line-height-body: 1.55;

  /* 圆角档位 */
  --hui-radius-card: 8px;
  --hui-radius-btn: 6px;
  --hui-radius-input: 6px;
  --hui-radius-sm: 4px;

  /* 阴影：轻量扁平 */
  --hui-shadow-card: 0 1px 2px rgba(16, 24, 40, 0.06);
  --hui-shadow-ring: 0 0 0 3px rgba(var(--hui-primary-rgb), 0.22);

  /* 间距密度（默认 = 管理端偏紧凑） */
  --hui-space-section: 1rem;
  --hui-table-cell-padding-y: 0.5rem;
  --hui-table-cell-padding-x: 0.65rem;

  --hui-focus-ring-color: var(--hui-primary);
}

/* 商户端：略大字号与表格行高（与设计文档 §4 / IMP-1-04 一致） */
html[data-ui-app="merchant"] {
  --hui-fs-body: 1rem;
  --hui-fs-table: 1rem;
  --hui-space-section: 1.35rem;
  --hui-table-cell-padding-y: 0.62rem;
  --hui-table-cell-padding-x: 0.75rem;
}

body[data-ui-app="admin"] {
  --hui-space-section: 1rem;
  --hui-table-cell-padding-y: 0.48rem;
}

/* 官网 / 门面模板（template/default）：与后台同源色板，略松段落节奏 */
html[data-ui-app="public-site"] {
  --hui-space-section: 1.35rem;
  --hui-fs-body: 1rem;
}

/* 全局排版（不改变 Bootstrap 结构类名，仅打底） */
body {
  font-family: var(--hui-font-sans);
  font-size: var(--hui-fs-body);
  line-height: var(--hui-line-height-body);
  color: var(--hui-body-color);
}

/* 焦点可见（IMP-1-06）：鼠标点击不强制描边，键盘 Tab 保留清晰焦点环 */
:focus:not(:focus-visible) {
  outline: none;
}

:focus-visible {
  outline: 2px solid var(--hui-focus-ring-color);
  outline-offset: 2px;
}

button:focus-visible,
.btn:focus-visible,
.nav a:focus-visible,
.navbar a:focus-visible,
.dropdown-menu a:focus-visible,
.form-control:focus-visible {
  outline: 2px solid var(--hui-focus-ring-color);
  outline-offset: 2px;
}