:root {
    
    /* Spacing system */
    --gap-2xs: .25rem;
    --gap-xs: .5rem;
    --gap-s: .75rem;
    --gap-m: 1rem;
    --gap-l: 1.5rem;
    --gap-xl: 2rem;
    --gap-2xl: 3rem;
    --gap-3xl: 4rem;
    --gap-4xl: 6rem;
    --gap-5xl: 8rem;
    --gap-6xl: 12rem;
    --gap-7xl: 16rem;


    /* Base sizes */
    --size-borders: 1px;

    --size-icons: 2rem;
}

/* 
Structure for onepager-layout:

body
├── header                          (see header.css)
└── horizontal-scroll-wrapper       (see pages.css)
    ├── horizontal-scroll-page 1    (see pages.css)
    │   ├── section 1               (see sections.css)
    │   ├── section 2
    │   └── ...
    ├── horizontal-scroll-page 2
    │   └── ...
    ├── horizontal-scroll-page 3
    │   └── ...
    └── horizontal-scroll-page 4
        └── ...

Max width of elements is defined by sections to allow different section styles (e.g. rasters) to use full window.

Basic padding is added to .horizontal-scroll-page to prevent intersection with navigation and use the same minimal distance to site edges on every page.
*/

body {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: var(--c-highlight);
}