/**
 * Основной бренд: горизонтальный градиент фиолетовый → синий (кнопки CTA, акценты).
 */
:root {
    --vf-primary-from: #7c3aed;
    --vf-primary-to: #2563eb;
    --primary-gradient: linear-gradient(
        90deg,
        var(--vf-primary-from) 0%,
        var(--vf-primary-to) 100%
    );
    --secondary-gradient: linear-gradient(
        90deg,
        var(--vf-primary-to) 0%,
        var(--vf-primary-from) 100%
    );
    --accent: #3b82f6;
    --vf-shadow-primary-sm: 0 4px 16px rgba(124, 58, 237, 0.22);
    --vf-shadow-primary-md: 0 10px 28px rgba(37, 99, 235, 0.28),
        0 4px 12px rgba(124, 58, 237, 0.18);
    --vf-shadow-primary-lg: 0 8px 24px rgba(37, 99, 235, 0.32);
}