:root {
    --primary-color: #3282ad;
    --primary-color-darker: #1b4860;
    --secondary-color: #ffce01;
    --background-color: #fff;
    --text-color:#000;

    /* brand colors */
    --shop-concept-color: #3282ad;
    --solar-concept-color: #ffd001;
    --smarthome-concept-color: #40cc00;

    --logo-max-height: 5rem;
    --nav-padding: .2rem;

    --title-font: "Poppins";
    --text-font: "Nunito";

    --content-width: 95%;
    --content-max-width: 65ch;
    --content-max-width-large: calc(var(--content-max-width) * 2);
    --paragraph-gap: 1rem;
    --page-line-height: 1.4em;
    --section-padding: 4rem 2vw;
    --section-padding-bigger: 8rem 2vw;
    --scroll-wheel-size: 2rem;
    --mobile-main-height: 80vw;

    font-family: var(--text-font);
    font-size: calc(.8rem + .4vw);
}

/* Grid layout defaults */
.grid-layout {
    --max-columns: var(--grid-max-columns);
    --min-column-width: 20rem;
    --gap: 1rem;
}