/* ============================================================
   沐和数据 Design Tokens → CSS Variables
   生成源：tokens/tokens.json（勿手改，改 tokens.json 后重生成）
   主题：:root = 前台深色 ｜ [data-theme="admin"] = 后台浅色
   ============================================================ */

:root {
  /* ---- 前台 Surface & Border ---- */
  --c-canvas: #0A0C0F;
  --c-surface: #12161B;
  --c-surface-elevated: #181D24;
  --c-surface-overlay: #1E242C;
  --c-surface-sunken: #08090B;
  --c-border-subtle: #232A33;
  --c-border: #2E3743;
  --c-border-strong: #3D4855;

  /* ---- 前台 Text ---- */
  --c-text-1: #E8ECEF;
  --c-text-2: #9BA6B4;
  --c-text-3: #6B7684;
  --c-text-disabled: #4A525E;

  /* ---- 主色 / 品牌 / 强调 ---- */
  --c-primary-600: #1F66D6;
  --c-primary-500: #2E7CF6;
  --c-primary-400: #5C9BFA;
  --c-primary-200: #1D3050;
  --c-primary-100: #16233A;
  --c-brand: #F5A524;
  --c-brand-dark: #C87F12;
  --c-brand-light: #FFC257;
  --c-brand-glow: rgba(245, 165, 36, 0.16);
  --c-brand-wash: rgba(245, 165, 36, 0.10);
  --c-accent-violet: #8B7CF6;
  --c-accent-cyan: #22D3EE;
  --c-accent-teal: #2DD4BF;
  --c-link: #6EA8FE;

  /* ---- 语义色 ---- */
  --c-success: #34D399;   --c-success-bg: rgba(52, 211, 153, .12);
  --c-warning: #F5A524;   --c-warning-bg: rgba(245, 165, 36, .12);
  --c-danger:  #F87171;   --c-danger-bg:  rgba(248, 113, 113, .12);
  --c-info:    #38BDF8;   --c-info-bg:    rgba(56, 189, 248, .12);
  --c-neutral: #9BA6B4;   --c-neutral-bg: rgba(155, 166, 180, .12);

  /* ---- 煤种色阶（GB/T 5751-2009，Vdaf 越低越冷亮） ---- */
  --coal-lignite: #C87A3C;
  --coal-sub:     #9C8A6E;
  --coal-bit:     #7E8896;
  --coal-meager:  #94A0AE;
  --coal-anth:    #C4CDD8;

  /* ---- 用途类别色 ---- */
  --cat-thermal: #7E8896;
  --cat-coking:  #E0A458;
  --cat-pci:     #C4CDD8;
  --cat-chem:    #2DD4BF;
  --cat-lignite: #C87A3C;

  /* ---- 匹配度 / 置信度色阶 ---- */
  --score-excellent: #34D399;  /* ≥90 */
  --score-good:      #A3E635;  /* 75–89 */
  --score-fair:      #F5A524;  /* 60–74 */
  --score-poor:      #F87171;  /* <60 */

  /* ---- 运输方式色 ---- */
  --mode-rail:  #2E7CF6;
  --mode-road:  #F5A524;
  --mode-water: #22D3EE;
  --mode-belt:  #8B7CF6;
  --mode-pipe:  #2DD4BF;

  /* ---- 数据级别徽标（第 0 章 0.2） ---- */
  --level-l1: #34D399;
  --level-l2: #22D3EE;
  --level-l3: #F5A524;
  --level-l4: #6B7684;

  /* ---- 字体 ---- */
  --font-sans: Inter, 'Instrument Sans', -apple-system, BlinkMacSystemFont, 'PingFang SC', 'HarmonyOS Sans SC', 'Microsoft YaHei', sans-serif;
  --font-mono: 'JetBrains Mono', 'IBM Plex Mono', 'Roboto Mono', ui-monospace, monospace;

  /* ---- 尺寸 ---- */
  --row-h: 40px;
  --row-h-compact: 32px;
  --sidebar-w: 240px;
  --topbar-h: 56px;
  --container-max: 1440px;
  --touch-target: 44px;

  /* ---- 圆角 ---- */
  --r-badge: 6px;
  --r-button: 8px;
  --r-card: 12px;
  --r-modal: 16px;

  /* ---- 阴影 ---- */
  --sh-xs: 0 1px 2px rgba(0, 0, 0, .32);
  --sh-md: 0 4px 12px rgba(0, 0, 0, .44), 0 0 0 1px rgba(255, 255, 255, .04) inset;
  --sh-xl: 0 16px 40px rgba(0, 0, 0, .60), 0 0 0 1px rgba(255, 255, 255, .06) inset;
  --sh-modal: 0 24px 64px rgba(0, 0, 0, .68), 0 0 0 1px rgba(255, 255, 255, .07) inset;
  --sh-ember: 0 0 0 1px rgba(245, 165, 36, .16), 0 8px 24px rgba(245, 165, 36, .10);
  --sh-focus: 0 0 0 3px rgba(46, 124, 246, .35);

  /* ---- 动效 ---- */
  --dur-fast: 120ms;
  --dur: 180ms;
  --dur-slow: 200ms;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);

  /* ---- 层级 ---- */
  --z-sticky: 20; --z-sidebar: 100; --z-topbar: 200; --z-dropdown: 400;
  --z-drawer: 600; --z-modal: 1000; --z-toast: 1200; --z-tooltip: 1400;
}

/* ============================================================
   后台浅色主题：[data-theme="admin"]
   仅覆盖差异项，煤种/类别/评分/运输色两主题共用
   ============================================================ */
[data-theme="admin"] {
  --c-canvas: #F5F6F8;
  --c-surface: #FFFFFF;
  --c-surface-elevated: #FFFFFF;
  --c-surface-overlay: #FFFFFF;
  --c-surface-sunken: #EFF1F4;
  --c-border-subtle: #E3E6EA;
  --c-border: #E3E6EA;
  --c-border-strong: #CDD3DA;

  --c-text-1: #16191D;
  --c-text-2: #5A6472;
  --c-text-3: #8A93A0;
  --c-text-disabled: #B7BEC7;

  --c-primary-600: #1A58B8;
  --c-primary-500: #1F66D6;
  --c-primary-400: #1F66D6;
  --c-primary-200: #EAF1FD;
  --c-primary-100: #EAF1FD;
  --c-brand: #D18A0B;
  --c-brand-light: #E9A62B;

  --c-success: #17803D;  --c-success-bg: #E7F5EC;
  --c-warning: #B4690E;  --c-warning-bg: #FDF3E2;
  --c-danger:  #C8382F;  --c-danger-bg:  #FCECEA;
  --c-info:    #1F66D6;  --c-info-bg:    #EAF1FD;
  --c-neutral: #5A6472;  --c-neutral-bg: #F0F2F5;

  --row-h: 32px;
  --r-button: 4px;
  --r-card: 6px;

  --sh-xs: 0 1px 2px rgba(16, 24, 40, .06);
  --sh-md: 0 2px 8px rgba(16, 24, 40, .08);
  --sh-xl: 0 8px 24px rgba(16, 24, 40, .12);
  --sh-modal: 0 8px 24px rgba(16, 24, 40, .12);
  --sh-ember: 0 0 0 1px rgba(209, 138, 11, .20);
  --sh-focus: 0 0 0 3px rgba(31, 102, 214, .28);

  --dur: 120ms;
}

/* ============================================================
   基础规则（附录 A.7 铁律）
   ============================================================ */
.num {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
}
sub { font-size: .72em; color: var(--c-text-3); }