@charset "utf-8";

/* ============================================================
   ODManage Design Variables
   统一设计变量，所有颜色、间距、字体等通过变量管理
   ============================================================ */

:root {
    /* ---- 主色调 ---- */
    --color-primary: #3E3183;
    --color-primary-dark: #2a1f6e;
    --color-primary-light: #5e4cb8;
    --color-primary-hover: #f5f3ff;
    --color-primary-active: #f0edf9;

    /* ---- 功能色 ---- */
    --color-success: #5CB85C;
    --color-success-hover: #409B40;
    --color-info: #5BC0DE;
    --color-info-hover: #40AAC6;
    --color-warning: #F0AD4E;
    --color-warning-hover: #EDA02E;
    --color-danger: #D9534F;
    --color-danger-hover: #D13634;
    --color-orange: #ed7522;

    /* ---- 中性色 ---- */
    --color-text-primary: #1e293b;
    --color-text-secondary: #4b5563;
    --color-text-muted: #9ca3af;
    --color-text-light: #64748b;
    --color-link: #3E3183;
    --color-link-hover: #2C83D1;

    /* ---- 边框和背景 ---- */
    --color-border: #eef0f4;
    --color-border-input: #e5e7eb;
    --color-bg-page: #eef0f5;
    --color-bg-white: #ffffff;
    --color-bg-table-header: #f8f9fb;
    --color-bg-table-stripe: #fafbfd;
    --color-bg-table-hover: #f0edf9;
    --color-bg-hover: #f8f9fb;
    --color-label-bg: #f8f9fb;
    --color-focus-ring: rgba(62, 49, 131, 0.15);
    --color-danger-bg: #fff2f0;
    --color-empty-bg: #fffbf0;
    --color-empty-border: #ffd591;
    --color-empty-text: #ad6800;

    /* ---- 间距 ---- */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 40px;

    /* ---- 圆角 ---- */
    --radius-sm: 5px;
    --radius-md: 6px;
    --radius-lg: 8px;
    --radius-xl: 10px;
    --radius-round: 50%;

    /* ---- 阴影 ---- */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 1px 8px rgba(45, 37, 112, 0.15);
    --shadow-lg: -4px 7px 46px 2px rgba(0, 0, 0, 0.1);
    --shadow-card: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-card-hover: 0 6px 20px rgba(45, 37, 112, 0.18);

    /* ---- 卡片分类色 (6色循环) ---- */
    --card-color-1: #3E3183;   /* 紫 - 系统/管理 */
    --card-color-2: #2C83D1;   /* 蓝 - 审核/复核 */
    --card-color-3: #5CB85C;   /* 绿 - 协调员 */
    --card-color-4: #ed7522;   /* 橙 - 捐献案例 */
    --card-color-5: #D9534F;   /* 红 - 财务/补贴 */
    --card-color-6: #10aeb5;   /* 青 - 志愿者 */

    /* ---- 卡片按钮色 (淡化30%) ---- */
    --card-btn-1: #756bab;
    --card-btn-2: #6ba6de;
    --card-btn-3: #8dcd8d;
    --card-btn-4: #f2a064;
    --card-btn-5: #e58482;
    --card-btn-6: #56c5ca;

    /* ---- 字体 ---- */
    --font-family: 'Microsoft YaHei', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-size-xs: 11px;
    --font-size-sm: 13px;
    --font-size-base: 14px;
    --font-size-md: 0.9rem;
    --font-size-lg: 1rem;
    --font-size-xl: 1.25rem;

    /* ---- 布局尺寸 ---- */
    --navbar-height: 70px;
    --sidebar-width: 200px;
    --footer-height: 60px;
    --breadcrumb-height: 48px;
    --min-page-width: 1440px;
    --min-content-width: 1000px;

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