body {
            background-color: #f8fafc;
            color: #475569;
        }
        /* Style des cartes */
        .card-base {
            background: white;
            border-radius: 0.75rem; /* rounded-xl */
            border: 1px solid #e2e8f0;
            transition: all 0.3s ease;
            box-shadow: var(--tw-shadow-soft);
            display: flex;
            flex-direction: column;
            height: 100%;
        }
        .card-base:hover {
            transform: translateY(-5px);
            box-shadow: var(--tw-shadow-hover);
            border-color: #0056b3;
        }
        /* Style des boutons */
        .btn-base {
            padding: 0.75rem 1.5rem;
            font-weight: 700;
            border-radius: 0.375rem; /* rounded-md */
            transition: all 0.2s ease-in-out;
            display: inline-block;
            text-align: center;
            font-size: 0.9rem;
        }
        /* Diagram styling */
        .diagram-box {
            background: white;
            border: 1px solid #e2e8f0;
            border-radius: 0.75rem;
            padding: 1.5rem;
            box-shadow: var(--tw-shadow-soft);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            min-height: 160px;
        }