:root {
  /* --- PALETA KOLORÓW --- */
  --kpo-czerwien: #dc143c;
  --kpo-zielen: #2ee575;
  --kpo-grafit: #1e2229; /* Oficjalny kolor tekstu i ciemnego tła */
  --kpo-bialy: #faf8f8;
  /* --- TYPOGRAFIA --- */
  --font-logo: 'Varela Round', sans-serif;
  --font-text: 'Roboto', 'Arial', 'Liberation Sans', sans-serif;
}
:root {
    --primary-color: var(--kpo-czerwien);
    --text-color: var(--kpo-grafit);
}

.chapter {
    border-bottom: 1px solid #e5e7eb;
    margin-bottom: 0.5rem;
    scroll-margin-top: 40px; 
}

.chapter:last-child {
    border-bottom: none;
}

.chapter-title {
    width: 100%;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: color 0.2s ease, background-color 0.2s ease;
    border-radius: 6px;
    padding:0;
    margin:0;
}

.chapter-title:hover {
/*     color: var(--primary-color); */
    background-color: #ffffff;
}

.chapter-title::after {
    content: '▼';
    font-size: 1.5rem;
    font-weight: 300;
    transition: transform 0.3s ease;
}

.chapter.active .chapter-title {
/*     color: var(--primary-color); */
}

.chapter.active .chapter-title::after {
    transform: rotate(180deg);
}

.chapter-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out, padding 0.3s ease;
    margin: 0;
    padding: 0;
}

.chapter-content p {
    color: var(--text-color);
}