@charset "UTF-8";

/* Importierte CSS-Dateien werden jetzt separat geladen */

:root {
    --primary: #007bff;
    --danger: #a51f18;
    --in-color: #4caf50;
    --out-color: #f44336;
}

h2 {
    margin-top: 2rem;
    line-height: 1.4;
}

h3, h4 {
    margin-top: 3rem;
}

.toolbar {
    margin-bottom: 2rem;
    display: flex;
    column-gap: 1rem;
    flex-wrap: wrap;
}

button {
    justify-self: start;
    background: var(--primary);
    color: #fff;
    border: none;
    padding: 6px 10px;
    border-radius: 3px;
    cursor: pointer;

    &.link {
        background: none;
        color: var(--link-color);
        padding: 0;
        border: none;
        text-decoration: underline;
        width: fit-content;
    }
}

button[disabled] {
    background: #cccccc;
    cursor: not-allowed
}