/* ============================================
   CSS Variables - 物业拓客管理系统
   设计风格参考：自如 Ziroom (现代简约·温暖品质)
   ============================================ */

:root {
  /* 品牌色 - 自如橙 */
  --color-primary: #e33819;
  --color-primary-hover: #c42e12;
  --color-primary-light: #fff0eb;
  --color-primary-dark: #a8260e;

  /* 中性色 */
  --color-text-primary: #333333;
  --color-text-secondary: #666666;
  --color-text-tertiary: #999999;
  --color-text-white: #FFFFFF;
  --color-bg: #F8F8F8;
  --color-bg-card: #FFFFFF;
  --color-border: #E8E8E8;
  --color-border-light: #F0F0F0;
  --color-overlay: rgba(0, 0, 0, 0.45);

  /* 功能色 */
  --color-success: #4CAF50;
  --color-success-light: #E8F5E9;
  --color-warning: #FF9800;
  --color-warning-light: #FFF3E0;
  --color-danger: #F44336;
  --color-danger-light: #FFEBEE;
  --color-info: #2196F3;
  --color-info-light: #E3F2FD;

  /* 项目分级色 */
  --level-red: #C62828;
  --level-pink: #AD1457;
  --level-blue: #1565C0;
  --level-white: #546E7A;

  /* 进度阶段色 */
  --stage-s1: #9E9E9E;
  --stage-s2: #2196F3;
  --stage-s3: #9C27B0;
  --stage-s4: #FF9800;
  --stage-s5: #F44336;
  --stage-s6: #4CAF50;

  /* 圆角 */
  --radius-card: 16px;
  --radius-modal: 16px;
  --radius-button: 8px;
  --radius-input: 8px;
  --radius-tag: 6px;
  --radius-sm: 4px;

  /* 阴影 */
  --shadow-card: 0 2px 8px rgba(0, 0, 0, 0.06);
  --shadow-card-hover: 0 8px 24px rgba(0, 0, 0, 0.10);
  --shadow-modal: 0 12px 40px rgba(0, 0, 0, 0.15);
  --shadow-dropdown: 0 6px 16px rgba(0, 0, 0, 0.10);
  --shadow-button: 0 2px 4px rgba(227, 56, 25, 0.2);

  /* 字体 */
  --font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', sans-serif;
  --font-size-h1: 24px;
  --font-size-h2: 20px;
  --font-size-h3: 16px;
  --font-size-body: 14px;
  --font-size-small: 12px;
  --font-size-number: 28px;
  --font-weight-bold: 700;
  --font-weight-semibold: 600;
  --font-weight-medium: 500;
  --font-weight-regular: 400;

  /* 间距 */
  --spacing-page: 24px;
  --spacing-mobile: 16px;
  --spacing-card-gap: 16px;
  --spacing-card-padding: 16px;
  --spacing-component: 12px;
  --spacing-tight: 8px;
  --spacing-section: 32px;

  /* 过渡 */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
  --transition-slow: 0.4s ease;

  /* 布局 */
  --header-height: 56px;
  --sidebar-width: 240px;
  --kanban-card-width: 280px;
  --modal-width: 640px;
  --modal-width-sm: 480px;
  --modal-width-lg: 800px;
}