/**
 * CSS变量定义
 * 金信达智管平台 - JXD-SMP
 */

:root {
    /* ==================== 主题色 - 金蝶云星空风格 ==================== */
    --primary-color: #1890ff;
    --primary-hover: #40a9ff;
    --primary-active: #096dd9;
    --primary-light: #e6f7ff;
    --primary-dark: #0050b3;

    /* ==================== 辅助色 ==================== */
    --success-color: #52c41a;
    --success-hover: #73d13d;
    --success-bg: #f6ffed;
    --success-border: #b7eb8f;

    --warning-color: #faad14;
    --warning-hover: #ffc53d;
    --warning-bg: #fffbe6;
    --warning-border: #ffe58f;

    --error-color: #f5222d;
    --error-hover: #ff4d4f;
    --error-bg: #fff2f0;
    --error-border: #ffccc7;

    --info-color: #1890ff;
    --info-hover: #40a9ff;
    --info-bg: #e6f7ff;
    --info-border: #91d5ff;

    /* ==================== 中性色 ==================== */
    --text-primary: #1a1a1a;
    --text-secondary: #595959;
    --text-tertiary: #8c8c8c;
    --text-disabled: #bfbfbf;
    --text-placeholder: #bfbfbf;

    --border-color: #e8e8e8;
    --border-color-light: #f0f0f0;
    --border-color-dark: #d9d9d9;

    --background-color: #f7f9fa;
    --background-color-light: #fafbfc;
    --background-color-dark: #f5f5f5;

    /* ==================== 金蝶云星空特色色 ==================== */
    --header-gradient-start: #1890ff;
    --header-gradient-end: #36cfc9;
    --header-solid-color: #87CEEB;  /* 天蓝色 */
    --card-gradient-start: #1890ff;
    --card-gradient-end: #40a9ff;
    --sidebar-bg: #ffffff;
    --sidebar-hover: #e6f7ff;
    --sidebar-active: #1890ff;
    --sidebar-text: #595959;
    --sidebar-text-active: #1890ff;

    /* ==================== 字体大小 ==================== */
    --font-size-xs: 12px;
    --font-size-sm: 13px;
    --font-size-base: 14px;
    --font-size-lg: 16px;
    --font-size-xl: 18px;
    --font-size-xxl: 20px;
    --font-size-title: 24px;

    /* ==================== 行高 ==================== */
    --line-height-base: 1.5;
    --line-height-heading: 1.3;
    --line-height-tight: 1.2;

    /* ==================== 间距 ==================== */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 12px;
    --spacing-lg: 16px;
    --spacing-xl: 20px;
    --spacing-xxl: 24px;
    --spacing-xxxl: 32px;

    /* ==================== 圆角 ==================== */
    --border-radius-sm: 2px;
    --border-radius-base: 4px;
    --border-radius-lg: 6px;
    --border-radius-xl: 8px;
    --border-radius-circle: 50%;

    /* ==================== 阴影 ==================== */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-base: 0 1px 3px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.12);
    --shadow-xl: 0 6px 16px rgba(0, 0, 0, 0.15);

    /* ==================== 过渡 ==================== */
    --transition-base: all 0.3s ease;
    --transition-fast: all 0.2s ease;
    --transition-slow: all 0.4s ease;

    /* ==================== 布局 ==================== */
    --header-height: 50px;
    --sidebar-width: 180px;
    --sidebar-collapsed-width: 64px;
    --content-padding: 16px;

    /* ==================== 卡片样式 ==================== */
    --card-bg: #ffffff;
    --card-padding: 16px;
    --card-margin-bottom: 16px;
    --card-shadow: var(--shadow-base);
    --card-border-radius: 6px;

    /* ==================== 表格样式 ==================== */
    --table-header-bg: #fafbfc;
    --table-header-color: #595959;
    --table-border-color: #e8e8e8;
    --table-hover-bg: #fafbfc;

    /* ==================== 状态颜色 ==================== */
    --status-bidding-bg: #e6f7ff;
    --status-bidding-color: #1890ff;
    --status-processing-bg: #fff7e6;
    --status-processing-color: #fa8c16;
    --status-completed-bg: #f6ffed;
    --status-completed-color: #52c41a;
    --status-draft-bg: #f5f5f5;
    --status-draft-color: #8c8c8c;
}