@import url('../../public/css/style.css');
:root {
    /* ====================
       1. 基础中性色板 (Base Neutral Colors)
       用于文本、背景、边框等通用场景
       ==================== */
    --color-white: #FFFFFF;
    /* 灰色阶梯：从浅到深，用于背景、边框、次要文字 */
    --color-gray-50: #F9FAFB;
    --color-gray-100: #F3F4F6;
    --color-gray-200: #E5E7EB;
    --color-gray-300: #D1D5DB;
    --color-gray-400: #9CA3AF;
    --color-gray-500: #6B7280;
    --color-gray-600: #4B5563;
    --color-gray-700: #374151;
    --color-gray-800: #1F2937;
    --color-gray-900: #111827;
    /* 语义化映射：方便直接调用 */
    --color-bg-body: var(--color-white); /* 页面主背景 */
    --color-bg-module: var(--color-gray-50); /* 模块背景 */
    --color-border-base: var(--color-gray-200); /* 标准边框 */
    --color-text-primary: var(--color-gray-900); /* 主要文字 */
    --color-text-secondary: var(--color-gray-600); /* 次要文字 */
    --color-text-disabled: var(--color-gray-400); /* 禁用文字 */
    /* ====================
       2. 品牌主题色 (Brand Colors - 政务绿)
       ==================== */
    --color-primary: #047857; /* 主色：深绿 */
    --color-primary-light: #10b981; /* 亮色：用于Hover/高亮 */
    --color-primary-dark: #065f46; /* 深色：用于Footer/强调 */
    --color-secondary: #10b981; /* 辅助色 */
    /* ====================
       3. 功能状态色 (Functional Colors)
       ==================== */
    --color-success: #10b981;
    --color-warning: #f59e0b;
    --color-error: #ef4444;
    --color-info: #3b82f6;
    /* ====================
       4. 组件与布局样式 (Component Styles)
       ==================== */
    /* --- 侧边栏标题 (Sidebar Title) --- */
    /* 渐变背景：使用主色系的深浅过渡，体现层次感且不失庄重 */
    --sidebar-title-gradient: linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-primary-dark) 100%);
    /* 如果偏好纯色背景，可备用：var(--color-primary-light) */
    /* --- 头部 (Header) --- */
    --header-gradient: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 50%, var(--color-primary-light) 100%);
    --header-shadow: 0 4px 20px rgba(4, 120, 87, 0.4);
    /* --- 功能区块 (Feature Section) --- */
    --feature-bg-gradient: linear-gradient(135deg, #d1fae5 0%, #ecfdf5 100%);
    --feature-icon-gradient: linear-gradient(135deg, var(--color-primary-light), var(--color-primary-dark));
    /* --- 其他全局元素 --- */
    --footer-bg: var(--color-primary);
    --gotop-bg: linear-gradient(135deg, var(--color-primary-light), var(--color-primary-dark));
    /* 背景与边框细节 */
    --color-bg: #ecfdf5; /* 极淡绿背景 */
    --color-bg-light: #d1fae5; /* 浅绿背景 */
    --color-border: #d1fae5;
    --color-light-border: #a7f3d0;
    --color-compact-hover-bg: #ecfdf5;
    /* 遮罩层 */
    --color-overlay-start: rgba(4, 120, 87, 0.7);
    --color-overlay-end: rgba(16, 185, 129, 0.2);
}