/**
 * Vision Flow — общие CSS-переменные (shared).
 * Подключаются и в web, и в mobile версиях.
 */
:root {
    --bg-primary: #0a0a0f;
    --bg-secondary: #0e0e16;
    --bg-card: rgba(255, 255, 255, 0.04);
    --bg-card-hover: rgba(255, 255, 255, 0.07);
    --border-card: rgba(255, 255, 255, 0.08);
    --border-card-hover: rgba(255, 255, 255, 0.18);
    --text-primary: #ffffff;
    --text-secondary: rgba(255, 255, 255, 0.65);
    --text-muted: rgba(255, 255, 255, 0.35);
    --gold: #f0c040;
    --gold-light: #f5d060;
    --gold-dark: #d4a020;
    --vf-yellow: #f5d84a;
    --vf-amber: #e8a020;
    --vf-red: #d84315;
    --vf-cta: #e8a020;
    --vf-cta-light: #f5c842;
    --vf-cta-dark: #c17a00;
    --gradient-vf: linear-gradient(135deg, #f5d84a 0%, #e8a020 45%, #d84315 100%);
    --purple: #7c3aed;
    --purple-light: #a855f7;
    --cyan: #06b6d4;
    --neon-blue: #3b82f6;
    --glass-bg: rgba(255, 255, 255, 0.03);
    --glass-blur: blur(24px);
    --glass-border: 1px solid rgba(255, 255, 255, 0.06);
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-2xl: 32px;
    --radius-full: 50%;
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-fast: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    --safe-bottom: env(safe-area-inset-bottom, 0px);
}