/**
 * CSS Variables - Переменные дизайн-системы
 * VK Tarot Mini App
 */

:root {
    /* === Основные цвета === */
    --primary: #5c3d99;
    --primary-light: #7b52c4;
    --accent: #d4a574;
    --accent-dark: #c9a227;

    /* === Фоны === */
    --bg-primary: #0a0a12;
    --bg-secondary: #1a1a2e;
    --bg-surface: #25254a;

    /* === Текст === */
    --text-primary: #ffffff;
    --text-secondary: #b8b8d1;
    --text-muted: rgba(255, 255, 255, 0.5);

    /* === Статусы === */
    --success: #4caf50;
    --error: #f44336;
    --warning: #ff9800;

    /* === Размеры === */
    --header-height: 56px;
    --tab-bar-height: 60px;
    --border-radius: 12px;
    --border-radius-lg: 16px;
    --safe-area-bottom: env(safe-area-inset-bottom, 0px);
}

/* === VK Light Theme === */
body.vk-theme-light {
    --bg-primary: #f5f5f5;
    --bg-secondary: #ffffff;
    --bg-surface: #edeef0;
    --text-primary: #000000;
    --text-secondary: #6d7885;
    --primary: #5181b8;
    --primary-light: #6b92c8;
}