/* ============================================================
 * 主题扩展样式：卡片盒子模式 / 全局圆角
 * 由 <html> 上的 kra-card--* 类驱动（见 pinia/modules/theme.js）
 * ============================================================ */

/* ---------- 顶栏 / 标签栏配色与阴影默认值（按明暗自适应，可被内联变量覆盖） ---------- */
:root {
  --kra-header-bg: #ffffff;
  --kra-header-shadow: 0 1px 0 rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.04);
  --kra-tabs-bg: #ffffff;
  --kra-tabs-shadow: 0 1px 2px rgba(0, 21, 41, 0.08);
}

html.dark {
  --kra-header-bg: rgb(15, 23, 42);
  --kra-header-shadow: 0 1px 0 rgba(0, 0, 0, 0.4), 0 1px 3px rgba(0, 0, 0, 0.35);
  --kra-tabs-bg: rgb(15, 23, 42);
  --kra-tabs-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}

/* ---------- 卡片盒子模式：作用于 ElCard / KraCard / 各类盒子容器 / 警告条 ---------- */
.kra-card--border {
  .el-card,
  .kra-card,
  .kra-form-box,
  .kra-search-box,
  .kra-table-box,
  .kra-warning-bar {
    border: 1px solid var(--el-border-color-light) !important;
    box-shadow: none !important;
  }
}

.kra-card--shadow {
  .el-card,
  .kra-card,
  .kra-form-box,
  .kra-search-box,
  .kra-table-box,
  .kra-warning-bar {
    border-color: transparent !important;
    box-shadow:
      0 1px 2px rgba(0, 0, 0, 0.04),
      0 6px 18px rgba(0, 0, 0, 0.06) !important;
  }
}

/* 全局圆角：卡片与各类盒子容器统一跟随 --kra-radius */
.el-card,
.kra-card,
.kra-form-box,
.kra-search-box,
.kra-table-box,
.kra-warning-bar {
  border-radius: var(--kra-radius, 0.75rem);
}
