/* --- CHARTE GRAPHIQUE --- */
        :root {
            --color-brand-orange: #FA8334;
            --color-brand-yellow: #F4B648;
            --color-brand-blue: #02008D;
            --color-cta-green: #8CD7AC; /* Vert Sapin */
            --color-cta-green-hover: #7BC19A;
            --color-gray-50: #f9fafb;
            --color-gray-800: #111827;
        }

        body { font-family: 'Inter', sans-serif; background-color: var(--color-gray-50); color: var(--color-gray-800); }
        
        /* Custom scrollbar clean */
        textarea::-webkit-scrollbar { width: 8px; }
        textarea::-webkit-scrollbar-track { background: transparent; }
        textarea::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
        textarea::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

        .fade-in { animation: fadeIn 0.4s cubic-bezier(0.25, 1, 0.5, 1); }
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* Styles spécifiques inspirés du modèle */
        .card-shadow {
            box-shadow: 0 20px 25px -5px rgba(0,0,0,0.05), 0 10px 10px -5px rgba(0,0,0,0.01);
        }
        
        .btn-primary {
            background-color: var(--color-cta-green);
            color: white;
            transition: all 0.2s;
            box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1);
        }
        .btn-primary:hover {
            background-color: var(--color-cta-green-hover);
            transform: translateY(-1px);
        }
        
        .icon-brand { color: var(--color-brand-orange); }
        .text-brand { color: var(--color-brand-orange); }