/* ============================================================
   ModelKey 统一色彩系统 v1.0 —— 三端共享 token
   权威来源：outputs/ModelKey统一色彩系统_2026-10-19.md §7.2
   本文件是三端配色的唯一来源，业务 CSS 禁止硬编码十六进制色值。
   ============================================================ */
:root {
  --mk-accent: #7B2FFD;
  --mk-accent-hover: #6A1FE8;
  --mk-accent-subtle: #F3EBFF;
  --mk-on-accent: #FFFFFF;

  --mk-bg: #FFFFFF;
  --mk-bg-subtle: #FAFAFB;
  --mk-surface: #FFFFFF;
  --mk-surface-2: #F5F5F7;
  --mk-border: #E8E8EC;
  --mk-border-strong: #D4D4DA;
  --mk-text: #0A0A0B;
  --mk-text-secondary: #5F5F66;
  --mk-text-tertiary: #8A8A92;
  --mk-overlay: rgba(10,10,11,.5);

  --mk-btn-bg: #0A0A0B;
  --mk-btn-bg-hover: #26262A;
  --mk-btn-fg: #FFFFFF;
  --mk-btn2-border: #E4E4E7;

  --mk-success: #1A7F4B;
  --mk-warning: #B45309;
  --mk-danger: #C81E1E;
  --mk-info: #0B6BCB;
  --mk-neutral: #5F5F66;

  --mk-chart-1: #7B2FFD;
  --mk-chart-2: #A97CFF;
  --mk-chart-3: #60C8FF;
  --mk-chart-4: #D8B8F8;
  --mk-chart-5: #3FCF7F;
  --mk-chart-6: #F5A524;

  --mk-radius: 8px;
  --mk-radius-sm: 6px;
  --mk-radius-lg: 12px;
  --mk-transition: .2s ease-out;
}

[data-theme="dark"] {
  --mk-accent: #A97CFF;
  --mk-accent-hover: #B98BFF;
  --mk-accent-subtle: rgba(169,124,255,.12);
  --mk-on-accent: #0A0A0B;

  --mk-bg: #0A0A0B;
  --mk-bg-subtle: #101013;
  --mk-surface: #141418;
  --mk-surface-2: #1A1A1F;
  --mk-border: #26262C;
  --mk-border-strong: #34343C;
  --mk-text: #F2F2F5;
  --mk-text-secondary: #A0A0AA;
  --mk-text-tertiary: #6E6E78;
  --mk-overlay: rgba(0,0,0,.65);

  --mk-btn-bg: #FFFFFF;
  --mk-btn-bg-hover: #E4E4E7;
  --mk-btn-fg: #0A0A0B;
  --mk-btn2-border: #34343C;

  --mk-success: #3FCF7F;
  --mk-warning: #F5A524;
  --mk-danger: #FF6B6B;
  --mk-info: #5AA9FF;
  --mk-neutral: #A0A0AA;

  --mk-chart-1: #A97CFF;
  --mk-chart-2: #C9A8FF;
  --mk-chart-3: #7FD4FF;
  --mk-chart-4: #E0C8FF;
  --mk-chart-5: #3FCF7F;
  --mk-chart-6: #F5A524;
}