/*
 * 51ziy-zibll-beautify 统一CSS变量
 * 51ziy.com版权所有，未经允许请勿复制！
 * 此文件定义了项目中通用的CSS变量，避免重复定义
 */

:root {
    /* 主要颜色变量 */
    --mcp-primary-color: #5e72e4;
    --mcp-secondary-color: #8965e0;
    --mcp-accent-color: #00c6fb;
    --mcp-dark-blue: #172b4d;
    --mcp-light-gray: #f7fafc;
    
    /* 文本颜色 */
    --mcp-text-primary: #212529;
    --mcp-text-secondary: #525f7f;
    
    /* 背景和边框 */
    --mcp-card-bg: rgba(255, 255, 255, 0.65);
    --mcp-border-color: rgba(255, 255, 255, 0.5);
    
    /* 阴影 */
    --mcp-shadow-light: rgba(0, 0, 0, 0.05);
    --mcp-shadow-medium: rgba(0, 0, 0, 0.1);
    
    /* 模块通用变量 */
    --mcp-module-bg-color: var(--main-bg-color, #fff);
    --mcp-module-border-color: var(--main-border-color, #eef2f7);
    --mcp-module-text-color: var(--text-color, #4a5568);
    --mcp-module-link-color: var(--link-color, #3182ce);
    --mcp-module-title-color: var(--title-color, #1a202c);
    --mcp-module-label-color: var(--text-color-placeholder, #718096);
    
    /* 按钮变量 */
    --mcp-button-primary-bg: var(--primary-color, #4299e1);
    --mcp-button-primary-hover-bg: var(--primary-color-hover, #2b6cb0);
    
    /* 标签变量 */
    --mcp-tag-bg-color: #edf2f7;
    --mcp-tag-text-color: #4a5568;
    --mcp-tag-hover-bg-color: #e2e8f0;
}

/* 深色主题变量 */
body.dark-theme {
    /* 深色主题主要颜色 */
    --mcp-dark-bg-main: #2a2d33;
    --mcp-dark-bg-secondary: #3a3e44;
    --mcp-dark-border: #40454d;
    --mcp-dark-text-primary: #e8ecf1;
    --mcp-dark-text-secondary: #a0aec0;
    --mcp-dark-accent: #63b3ed;
    
    /* 深色主题模块变量覆盖 */
    --mcp-module-bg-color: var(--mcp-dark-bg-main);
    --mcp-module-border-color: var(--mcp-dark-border);
    --mcp-module-text-color: #cbd5e0;
    --mcp-module-link-color: var(--mcp-dark-accent);
    --mcp-module-title-color: var(--mcp-dark-text-primary);
    --mcp-module-label-color: var(--mcp-dark-text-secondary);
    
    /* 深色主题标签变量 */
    --mcp-tag-bg-color: var(--mcp-dark-bg-secondary);
    --mcp-tag-text-color: #e2e8f0;
    --mcp-tag-hover-bg-color: #718096;
}