/**
 * 腾讯云风格设计令牌。
 *
 * 目标是让传统 Bootstrap、DataTables、Element UI 与 Layui 页面共享同一套
 * 颜色、密度和交互反馈；具体组件覆盖集中在 app.override.css。
 */
:root {
  /* Brand */
  --brand: #006eff;
  --brand-hover: #2685ff;
  --brand-active: #0052d9;
  --brand-strong: #003cab;
  --brand-soft: #e8f3ff;
  --brand-ghost: #f2f7ff;

  /* Semantic */
  --success: #00a870;
  --success-soft: #e8f8f2;
  --warning: #ed7b2f;
  --warning-soft: #fff3e8;
  --error: #d54941;
  --error-soft: #fff0ed;
  --info: #006eff;

  /* Typography */
  --text-1: #0f1826;
  --text-2: #4b5b76;
  --text-3: #7b8ba5;
  --text-placeholder: #a6b1c2;
  --text-disabled: #b9c2d0;
  --text-inverse: #ffffff;

  /* Surfaces */
  --bg-page: #f5f7fa;
  --bg-subtle: #f7f9fc;
  --bg-hover: #f2f7ff;
  --bg-container: #ffffff;
  --bg-disabled: #f3f5f8;
  --border-1: #e5e8ed;
  --border-2: #d5dbe5;
  --border-strong: #b8c2d2;

  /* Shape and elevation */
  --radius-xs: 0;
  --radius-sm: 0;
  --radius: 0;
  --radius-lg: 0;
  --shadow-1: 0 1px 3px rgba(26, 55, 92, .06);
  --shadow-2: 0 8px 24px rgba(31, 56, 88, .10);
  --shadow-focus: 0 0 0 2px rgba(0, 110, 255, .14);

  /* Rhythm */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;

  /* Type */
  --font-sans: "PingFang SC", "Microsoft YaHei", -apple-system,
    BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-data: "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  /* Layout */
  --header-height: 60px;
  --navigation-width: 230px;
  --navigation-collapsed-width: 64px;
  --content-max-width: 1920px;

  /* Data density */
  --control-height: 36px;
  --table-row-h: 40px;
  --table-cell-pad: 6px 12px;
  --table-head-bg: #f5f7fa;

  /* Status tags */
  --tag-primary-bg: var(--brand-soft);
  --tag-primary-fg: var(--brand-active);
  --tag-warning-bg: var(--warning-soft);
  --tag-warning-fg: #b95d19;
  --tag-success-bg: var(--success-soft);
  --tag-success-fg: #07845c;
  --tag-error-bg: var(--error-soft);
  --tag-error-fg: #b8322c;
  --tag-default-bg: #eef1f5;
  --tag-default-fg: #66758d;
}
