:root {
            --brand-500: #6b46c1;
            /* roxo principal */
            --accent: #f6d365;
            --bege: #fdf9ef;
            /* amarelo suave */
            --pastel-1: #e9d8fd;
            --pastel-2: #f3f4ff;
        }

        .bg-hero-gradient {
            background: linear-gradient(135deg, #efdbff 0%, #e6f0ff 60%);
        }

        .btn-primary {
            background: linear-gradient(90deg, #9f7aea, #7c3aed);
        }

        .shadow-soft {
            box-shadow: 0 10px 30px rgba(120, 80, 200, 0.08);
        }