/* =========================================================
   STICKY FOOTER
   ========================================================= */

html,
body {
    min-height: 100%;
}

body {
    min-height: 100vh;

    display: flex;
    flex-direction: column;
}

.site-footer {
    margin-top: auto;
}


/* =========================================================
   BODY
   ========================================================= */

body {
    font-family: Arial, Helvetica, sans-serif;

    font-size: 16px;
    line-height: 1.6;

    color: var(--color-text);
    background-color: var(--color-background);
}


/* =========================================================
   TYPOGRAFIA
   ========================================================= */

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;

    color: var(--color-text);

    line-height: 1.2;
}

p {
    margin-top: 0;
}


/* =========================================================
   LINKI
   ========================================================= */

a {
    color: inherit;
}


/* =========================================================
   KONTAINER
   ========================================================= */

.container {
    width: 100%;
    max-width: var(--container-width);

    margin-left: auto;
    margin-right: auto;

    padding-left: var(--container-padding);
    padding-right: var(--container-padding);
}


/* =========================================================
   SEKCJE
   ========================================================= */

.section {
    padding: 80px 0;
}


/* =========================================================
   NAGŁÓWKI SEKCJI
   ========================================================= */

.section-heading {
    max-width: 720px;

    margin-bottom: 48px;
}

.section-heading__eyebrow {
    margin-bottom: 12px;

    color: var(--color-primary);

    font-size: 14px;
    font-weight: 800;

    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.section-heading h2 {
    margin-bottom: 16px;

    font-size: clamp(32px, 4vw, 48px);

    letter-spacing: -0.03em;
}

.section-heading p {
    color: var(--color-text-light);
}