/**
 * CSS 主题变量
 * 极简黑白 + Amber 金色品牌色
 */

:root {
  /* ========== 颜色体系（暖白主题）========== */

  /* 背景色 */
  --bg-primary: #faf7f3;
  --bg-secondary: #f4f0e8;
  --bg-tertiary: #ffffff;
  --bg-hover: #fdf0e0;

  /* 文字色 */
  --text-primary: #1a120a;
  --text-secondary: #5a4030;
  --text-tertiary: #9a8068;

  /* 边框 */
  --border: #e4d9cc;
  --border-light: #ede6dc;

  /* 品牌色（橙，印刷级深橙，不刺眼）*/
  --brand-gold: #c05c0a;
  --brand-gold-hover: #a34e08;
  --brand-gold-dark: #8a4208;

  /* 告警优先级色 */
  --critical: #EF4444;          /* 红色 */
  --high: #F97316;              /* 橙色 */
  --medium: #EAB308;            /* 黄色 */
  --low: #3B82F6;               /* 蓝色 */

  /* 情感色 */
  --positive: #22C55E;          /* 正面（绿色） */
  --negative: #EF4444;          /* 负面（红色） */
  --neutral: #94A3B8;           /* 中立（灰色） */

  /* 功能色 */
  --success: #22C55E;
  --error: #EF4444;
  --warning: #F59E0B;
  --info: #3B82F6;

  /* ========== 间距 ========== */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 48px;

  /* ========== 圆角 ========== */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;

  /* ========== 阴影 ========== */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.2);
  --shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.15);
  --shadow-xl: 0 12px 24px rgba(0, 0, 0, 0.1);

  /* ========== 字体 ========== */
  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  --font-family-zh: "Noto Sans SC", "Microsoft YaHei", sans-serif;
  --font-size-xs: 12px;
  --font-size-sm: 13px;
  --font-size-md: 14px;
  --font-size-lg: 16px;
  --font-size-xl: 18px;
  --font-size-2xl: 20px;
  --font-size-3xl: 24px;

  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* ========== 行高 ========== */
  --line-height-tight: 1.2;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.8;

  /* ========== 过渡 ========== */
  --transition-fast: 150ms ease-out;
  --transition-normal: 300ms ease-out;
  --transition-slow: 500ms ease-out;

  /* ========== Z-Index ========== */
  --z-dropdown: 100;
  --z-fixed: 1000;
  --z-modal-backdrop: 1200;
  --z-modal: 1300;
  --z-toast: 1400;
  --z-tooltip: 1500;
}