:root {
    --main-first-light:     hsl(200.13deg 100% 98%);
    --main-soft-morning:    hsl(200.13deg 100% 92.55%);
    --main-hazy-sky:        hsl(200.13deg 88.24% 80%);
    --main-open-sky:        hsl(200.13deg 76% 39.22%);
    --main-night-fall:      hsl(200.13deg 76% 20%);

    --main-late-sun:        hsl(40deg 95% 46%);
    --main-sunset-red:      hsl(40deg 95% 42%);
    --main-soft-afterglow:  hsl(40deg 100% 97%);

    --bs-primary:           var(--main-open-sky);
    --bs-primary-rgb:       0, 112, 186;
    --bs-link-color:        var(--main-open-sky);
    --bs-link-hover-color:  hsl(200.13deg 90.27% 44.31%);

    /* Act type colors — used by act-filter-item and act-*-layout */
    --color-loop:       hsl(140deg 55% 35%);
    --color-moment:     hsl(200.13deg 76% 39.22%);
    --color-afterglow:  hsl(40deg 95% 46%);
}

/* Prevent FOUC on custom element layouts */
html, body {
    height: 100%;
    margin: 0;
    background-color: white;
    overflow-x: hidden;
}

act-inbox-layout,
act-moment-layout,
act-loop-layout,
act-loop-iteration-layout,
act-static-page-layout,
act-white-page-layout,
act-place-layout {
    display: block;
    min-height: 100vh;
    background-color: white;
}