/* ========================================== */
/* VDD STANDARD CSS VARIABLES                 */
/* ========================================== */
:root {
    /* --- 1. БАЗОВЫЕ ЦВЕТА (ФОН) --- */
    --vdd-bg-dark: #1a1e16;          /* Основной темный фон (посты, досье) */
    --vdd-bg-mid: #22261d;           /* Фон карточек, слотов */
    --vdd-bg-light: #efefef;         /* Светлый фон для контраста (post-body) */
    --vdd-bg-modal: rgba(10, 12, 8, 0.92); /* Задник модальных окон */
    --vdd-bg-overlay: rgba(0, 0, 0, 0.6);  /* Оверлеи внутри карточек */

    /* --- 2. ТЕКСТ --- */
    --vdd-text-main: #d4cbb3;        /* Основной текст (светло-бежевый) */
    --vdd-text-muted: #7f8a75;       /* Второстепенный текст, подписи */
    --vdd-text-dark: #2b1f14;        /* Темный текст (для светлых блоков) */
    --vdd-text-white: #ffffff;

    /* --- 3. АКЦЕНТЫ И ГРАНИЦЫ --- */
    --vdd-accent-gold: #c49a45;      /* Золотой (кнопки, заголовки, активные вкладки) */
    --vdd-accent-green: #4b946b;     /* Зеленый (успех, активный транспорт) */
    --vdd-accent-red: #ff5252;       /* Красный (опасность, Кара, провал) */
    --vdd-accent-blue: #3498db;      /* Синий (информация, питомцы) */
    --vdd-accent-purple: #a855f7;    /* Фиолетовый (легендарки, магия) */
    
    --vdd-border-color: #3e4a36;     /* Стандартная рамка */
    --vdd-border-accent: #3b2b1e;    /* Темная рамка для досье */
    --vdd-border-metal: linear-gradient(to right, #b5af9e, #ffffff, #b5af9e);

    /* --- 4. РЕДКОСТЬ ПРЕДМЕТОВ --- */
    --vdd-rarity-common: #95a5a6;    /* Серый */
    --vdd-rarity-rare: #d4af37;      /* Золотой */
    --vdd-rarity-legendary: #a855f7; /* Фиолетовый */

    /* --- 5. ШРИФТЫ --- */
    --vdd-font-main: 'Cuprum', sans-serif;
    --vdd-font-title: 'Forum', serif;
    --vdd-font-ui: 'Oswald', sans-serif;
    --vdd-font-italic: 'Cormorant Infant', serif;
    --vdd-font-mono: 'Courier New', monospace;
    --vdd-font-hand: 'Caveat', cursive;

    /* --- 6. ТЕНИ И ЭФФЕКТЫ --- */
    --vdd-shadow-card: 0 5px 15px rgba(0,0,0,0.5);
    --vdd-shadow-glow-gold: 0 0 15px rgba(196, 154, 69, 0.3);
    --vdd-shadow-inset: inset 0 0 20px rgba(0,0,0,0.8);
    --vdd-transition: 0.2s ease-in-out;
}