html,
    body {
        height: 100%;
        margin: 0;
        font-size: var(--bs-body-font-size);
    }

    body {
        display: flex;
        flex-direction: column;
        background-color: var(--background-color) !important;
    }

    footer {
        margin-top: auto;
    }

    :root {
        --background-color: #fbf5fb;
    }

    .toast-error {
        opacity: 1 !important;
    }

    .toast-success {
        opacity: 1 !important;
    }

    .pygmy-heading-sm {
        font-size: 1.5rem;
        /* Small */
    }

    .pygmy-heading-md {
        font-size: 2rem;
        /* Medium */
    }

    .pygmy-heading-lg {
        font-size: 2.5rem;
        /* Large */
    }

    .pygmy-heading-xl {
        font-size: 3rem;
        /* Extra Large */
    }

    .pygmy-heading-xxl {
        font-size: 3.75rem;
        /* Extra Extra Large */
    }

    .accordion-button:not(.collapsed) {
        background-color: var(--background-color) !important;
    }

    .ql-align-left { text-align: left; }
    .ql-align-center { text-align: center; }
    .ql-align-right { text-align: right; }

    .ql-bold { font-weight: bold; }
    .ql-italic { font-style: italic; }
    .ql-underline { text-decoration: underline; }
    .ql-strike { text-decoration: line-through; }

    .ql-list { list-style-type: disc; padding-left: 20px; }
    .ql-ordered { list-style-type: decimal; padding-left: 20px; }

    .ql-link { color: #007bff; text-decoration: none; }