:root {
    --hk-color: #0dc7b7;
    --hk-color-l: #00deca;
    --hk-color-d: #20b4a8;
}

body {
    padding-top: 56px;
    background-color: #f8f9fa;
}

/* Pływający nagłówek strony */
.navbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.bg-hk {
    background-color: var(--hk-color) !important;
}

.icon-margin {
    margin-left: 0px;
    margin-right: 10px;
}

.btn-primary {
    background-color: var(--hk-color) !important;
    border-color: var(--hk-color-d) !important;
}

.btn-primary:hover {
    background-color: var(--hk-color-l) !important;
    border-color: var(--hk-color-d) !important;
}

.btn-primary:focus {
    background-color: var(--hk-color-d) !important;
    border-color: var(--hk-color-d) !important;
}

.btn-primary:active {
    background-color: var(--hk-color-d) !important;
    border-color: var(--hk-color-d) !important;
}