:root {
    /* barvy */
    --barva-hlavni: #0066ff;
    /*--barva-hlavni: #009eff;*/
    /*--barva-hlavni: #008ae6;*/
    --barva-sekundarni: #b2920c;
    --barva-invertni: #f5f5f5;
    --barva-text-hlavni: #2a2a2a;
    --barva-text-sekundarni: #6e6e6e;
    --barva-pozadi-hlavni: #f5f5f5;
    --barva-pozadi-sekundarni: #d0d0d0;
    /* boxy */
    --box-width: 80%; /* procento šířky obsahu vůči viewportu */
    --box-height: auto;
    --bezpecne-max-width: calc(var(--content-width-percent) * 1%);
    /* pismo */
    --max-text-width: 90ch; /* délka řádku pro dobrou čitelnost */
    --pismo-stredni: clamp(0.9rem, 2.2vw, 1.2rem);
    --pismo-velke: clamp(2.5rem, 8vw, 6rem);
    /* info HeroBanner2 */
    --Vrchni-panel-vyska: 60px; /* výška horního pruhu */
    --hero-overlay: rgba(0,0,0,0.30); /* tmavý overlay pro čitelnost textu */
    --hero-content-width: 80%; /* šířka textového bloku */
}


* {
    padding: 0;
    margin: 0;
    box-sizing:border-box;
}

html, body {
    /*font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
    font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
    color: var(--barva-text-hlavni);
    background: var(--barva-pozadi-hlavni);
}
html {
    scroll-behavior: smooth;
}
body {
    padding-top: var(--Vrchni-panel-vyska);
}

section {
    width: 100%;
    place-items: center;
}
    section.pozadi-hlavni {
        background: var(--barva-hlavni);
        color: var(--barva-invertni);
    }
    section.pozadi-sekundarni {
        background: var(--barva-sekundarni);
        color: var(--barva-invertni);
    }
    section.pozadi-tmave {
        background: var(--barva-text-hlavni);
        color: var(--barva-invertni);
    }
    section.pozadi-overlay {
        background-image: linear-gradient(rgba(0,0,0,0.32), rgba(0,0,0,0.24)), url('../obr/podklad_1.png');
        background-size: cover;
        background-position: center center;
        color: var(--barva-invertni);
    }

p {
    font-weight: 400;
    font-size: clamp(14px, 2.2vw, 18px); /* responsivní velikost textu */
    line-height: 1.6;
    opacity: 0.98;
}

h6 {
    font-size: 1.25rem;
    /*letter-spacing: inherit;
    line-height: 1.5;*/
}

h5 {
    font-size: 1.56rem;
    /*letter-spacing: .95rem;
    line-height: 1.4;*/
}

h4 {
    font-size: 1.95rem;
    /*letter-spacing: .9rem;
    line-height: 1.3;*/
}

h3 {
    font-size: 2.44rem;
    /*letter-spacing: .85rem;
    line-height: 1.2;*/
}

h2 {
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -0.02em;
    font-size: clamp(20px, 3.6vw, 36px);
    text-shadow: 0 1px 0 rgba(0,0,0,0.12);
}

h1 {
    margin: 0 0 12px 0;
    font-weight: 700;
    line-height: 1.02;
    letter-spacing: -0.02em;
    font-size: clamp(28px, 5.5vw, 64px);
    text-shadow: 0 2px 6px rgba(0,0,0,0.35);
    font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial;
    /*letter-spacing: .8rem;
    line-height: 2;*/
}
    h1:focus {
        outline: none;
    }

    button {
        outline: none;
        border: none;
    }