/* Definicja palety kolorów i czcionek */
:root {
    --ismena-dark-green: #38493c;
    --ismena-medium-green: #5a8a68;
    --ismena-light-bg: #f7f6f2;
    --ismena-text-dark: #333;
    --ismena-text-light: #f0f0f0;
}

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Roboto:wght@400;500&display=swap');

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    font-family: 'Roboto', sans-serif;
    background-color: var(--ismena-light-bg);
    color: var(--ismena-text-dark);
}

h1, h2, h3, h4, h5, h6, .navbar-brand {
    font-family: 'Playfair Display', serif;
}

.navbar-brand {
    font-size: 1.5rem;
    letter-spacing: 1px;
}

/* Stylizacja paska nawigacji */
.navbar.bg-ismena-dark {
    background-color: var(--ismena-dark-green) !important;
}

/* Stylizacja stopki */
.footer-ismena-dark {
    background-color: var(--ismena-dark-green);
    color: var(--ismena-text-light);
}
.footer-ismena-dark a {
    color: var(--ismena-text-light);
    text-decoration: underline;
}
.footer-ismena-dark .text-uppercase {
    color: white;
}

.card img {
    height: 250px;
    object-fit: cover;
}

.filter-btn {
    margin: 0 5px;
}

/* Nadpisanie domyślnych stylów Bootstrapa */
.btn-primary {
    background-color: var(--ismena-medium-green);
    border-color: var(--ismena-medium-green);
}
.btn-primary:hover {
    background-color: #4a7356;
    border-color: #4a7356;
}

.btn-outline-primary {
    color: var(--ismena-medium-green);
    border-color: var(--ismena-medium-green);
}
.btn-outline-primary:hover, .btn-outline-primary:focus, .filter-btn.btn-primary {
    background-color: var(--ismena-medium-green);
    border-color: var(--ismena-medium-green);
    color: white;
}

.jumbotron-ismena {
    background-color: #e9e7e1;
}