/* buttons.css — bottoni pieni e outline (.btn-* / .btn-outline-*) per ogni colore tema. */

.btn-primary {
    font-family: var(--font-text);
    color: #fff;
    background-color: var(--btn-primary-color);
    border-color: var(--btn-primary-color);
    box-shadow: 0 0.125rem 0.25rem 0 rgb(105 108 255 / 40%);
    transition: all 0.2s ease-in-out;
}

    .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
        color: #fff;
        background-color: var(--btn-primary-color-hover);
        border-color: var(--btn-primary-color-hover);
        transform: translateY(-1px);
    }

.btn-outline-primary {
    font-family: var(--font-text);
    border-color: var(--btn-primary-color);
    color: var(--btn-primary-color);
    box-shadow: 0 0.125rem 0.25rem 0 rgb(105 108 255 / 40%);
    transition: all 0.2s ease-in-out;
}

    .btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary:focus {
        color: #fff;
        background-color: var(--btn-primary-color-hover);
        border-color: var(--btn-primary-color-hover);
        transform: translateY(-1px);
    }

.btn-secondary {
    font-family: var(--font-text);
    color: #fff;
    background-color: var(--btn-secondary-color);
    border-color: var(--btn-secondary-color);
    box-shadow: 0 0.125rem 0.25rem 0 rgb(133 146 163 / 40%);
    transition: all 0.2s ease-in-out;
}

    .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
        color: #fff;
        background-color: var(--btn-secondary-color-hover);
        border-color: var(--btn-secondary-color-hover);
        transform: translateY(-1px);
    }

.btn-warning {
    font-family: var(--font-text);
    color: #fff;
    background-color: var(--btn-warning-color);
    border-color: var(--btn-warning-color);
    box-shadow: 0 0.125rem 0.25rem 0 rgb(255 171 0 / 40%);
    transition: all 0.2s ease-in-out;
}

    .btn-warning:hover, .btn-warning:active, .btn-warning:focus {
        color: #fff;
        background-color: var(--btn-warning-color-hover);
        border-color: var(--btn-warning-color-hover);
        transform: translateY(-1px);
    }

.btn-outline-warning {
    font-family: var(--font-text);
    border-color: var(--btn-warning-color);
    color: var(--btn-warning-color);
    box-shadow: 0 0.125rem 0.25rem 0 rgb(255 171 0 / 40%);
    transition: all 0.2s ease-in-out;
}

    .btn-outline-warning:hover, .btn-outline-warning:active, .btn-outline-warning:focus {
        color: #fff;
        background-color: var(--btn-warning-color-hover);
        border-color: var(--btn-warning-color-hover);
        transform: translateY(-1px);
    }

.btn-danger {
    font-family: var(--font-text);
    color: #fff;
    background-color: var(--btn-danger-color);
    border-color: var(--btn-danger-color);
    box-shadow: 0 0.125rem 0.25rem 0 rgb(255 62 29 / 40%);
    transition: all 0.2s ease-in-out;
}

    .btn-danger:hover, .btn-danger:active, .btn-danger:focus {
        color: #fff;
        background-color: var(--btn-danger-color-hover);
        border-color: var(--btn-danger-color-hover);
        transform: translateY(-1px);
    }

.btn-outline-danger {
    font-family: var(--font-text);
    border-color: var(--btn-danger-color);
    color: var(--btn-danger-color);
    box-shadow: 0 0.125rem 0.25rem 0 rgb(255 62 29 / 40%);
    transition: all 0.2s ease-in-out;
}

    .btn-outline-danger:hover, .btn-outline-danger:active, .btn-outline-danger:focus {
        color: #fff;
        background-color: var(--btn-danger-color-hover);
        border-color: var(--btn-danger-color-hover);
        transform: translateY(-1px);
    }

.btn-success {
    font-family: var(--font-text);
    color: #fff;
    border-color: var(--btn-success-color);
    background-color: var(--btn-success-color);
    box-shadow: 0 0.125rem 0.25rem 0 rgb(113 221 55 / 40%);
    transition: all 0.2s ease-in-out;
}

    .btn-success:hover, .btn-success:active, .btn-success:focus {
        color: #fff;
        background-color: var(--btn-success-color-hover);
        border-color: var(--btn-success-color-hover);
        transform: translateY(-1px);
    }

.btn-outline-success {
    font-family: var(--font-text);
    border-color: var(--btn-success-color);
    color: var(--btn-success-color);
    box-shadow: 0 0.125rem 0.25rem 0 rgb(113 221 55 / 40%);
    transition: all 0.2s ease-in-out;
}

    .btn-outline-success:hover, .btn-outline-success:active, .btn-outline-success:focus {
        color: #fff;
        background-color: var(--btn-success-color-hover);
        border-color: var(--btn-success-color-hover);
        transform: translateY(-1px);
    }

.btn-info {
    font-family: var(--font-text);
    color: #fff;
    border-color: var(--btn-info-color);
    background-color: var(--btn-info-color);
    box-shadow: 0 0.125rem 0.25rem 0 rgb(3 195 236 / 40%);
    transition: all 0.2s ease-in-out;
}

    .btn-info:hover, .btn-info:active, .btn-info:focus {
        color: #fff;
        background-color: var(--btn-info-color-hover);
        border-color: var(--btn-info-color-hover);
        transform: translateY(-1px);
    }

.btn-outline-info {
    font-family: var(--font-text);
    border-color: var(--btn-info-color);
    color: var(--btn-info-color);
    box-shadow: 0 0.125rem 0.25rem 0 rgb(3 195 236 / 40%);
    transition: all 0.2s ease-in-out;
}

    .btn-outline-info:hover, .btn-outline-info:active, .btn-outline-info:focus {
        color: #fff;
        background-color: var(--btn-info-color-hover);
        border-color: var(--btn-info-color-hover);
        transform: translateY(-1px);
    }