/**
 * UI Theme Constants - 洪荒大陆
 * 基于江湖参考截图风格：深色古风底纹 + 金色装饰 + 水墨质感
 */

export class UITheme {
    // === 色彩系统 ===
    static readonly COLORS = {
        // 主色调
        BG_DARK: '#1a1520',           // 最深背景
        BG_PRIMARY: '#2a2535',        // 主背景（深紫灰）
        BG_PANEL: '#3a3040',          // 面板背景
        BG_CARD: '#4a3d50',           // 卡片背景
        BG_LIGHT: '#f5e6d0',          // 浅色面板（古纸色）
        BG_PARCHMENT: '#e8d5b8',      // 卷轴/文本区域

        // 金色系
        GOLD_PRIMARY: '#c9a84c',      // 主金色
        GOLD_LIGHT: '#e8d08c',        // 浅金色
        GOLD_DARK: '#8a6d2b',         // 暗金色
        GOLD_BORDER: '#b8943a',       // 边框金色

        // 文字色
        TEXT_WHITE: '#f0e6d2',         // 主文字
        TEXT_GOLD: '#e8c86c',          // 金色文字（标题）
        TEXT_NORMAL: '#c8b8a0',        // 普通文字
        TEXT_DIM: '#8a7d6d',           // 暗淡文字
        TEXT_RED: '#e84c4c',           // 红色（伤害/负面）
        TEXT_GREEN: '#4ce84c',         // 绿色（治疗/正面）
        TEXT_BLUE: '#4c8ce8',          // 蓝色（链接/特殊）
        TEXT_PURPLE: '#b44ce8',        // 紫色（稀有）
        TEXT_ORANGE: '#e8a04c',        // 橙色（传说）

        // 功能色
        HP_BAR: '#c83232',            // 血条
        HP_BAR_BG: '#3a1a1a',         // 血条背景
        MP_BAR: '#3264c8',            // 能量条
        MP_BAR_BG: '#1a2a3a',         // 能量条背景
        EXP_BAR: '#4cc864',           // 经验条
        EXP_BAR_BG: '#1a3a2a',        // 经验条背景

        // 品质色
        QUALITY_COMMON: '#b0a090',     // 凡品
        QUALITY_FINE: '#4ce84c',       // 良品
        QUALITY_EXCELLENT: '#4c8ce8',  // 优品
        QUALITY_PREMIUM: '#b44ce8',    // 精品
        QUALITY_SUPREME: '#e8a04c',    // 极品
        QUALITY_CHAOS: '#e84ce8',      // 混沌
    };

    // === 字体大小 ===
    static readonly FONT_SIZE = {
        XS: 16,
        SM: 20,
        MD: 24,
        LG: 30,
        XL: 36,
        XXL: 44,
        TITLE: 52,
    };

    // === 间距 ===
    static readonly SPACING = {
        XS: 4,
        SM: 8,
        MD: 12,
        LG: 16,
        XL: 24,
        XXL: 32,
    };

    // === 圆角 ===
    static readonly RADIUS = {
        SM: 4,
        MD: 8,
        LG: 12,
        XL: 16,
        ROUND: 999,
    };

    // === 阴影 ===
    static readonly SHADOW = {
        PANEL: '0 2px 8px rgba(0,0,0,0.4)',
        BUTTON: '0 2px 4px rgba(0,0,0,0.3)',
        POPUP: '0 4px 16px rgba(0,0,0,0.6)',
    };
}