/**
 * Note: This is the config style, it is used to configure the whole page.
 */

:root {
    /* 🎨 Note: This is a color palette computed by colorful-192x108-16bit-v15palette algorithm */

    /* Note: --palette-0 is 3rd most satulighted color of the bottom half of the wallpaper that is dark enough to place light text in and similar enough (10%) to the average color of the bottom third of the wallpaper. */
    --palette-0: #005555;
    --palette-0-darken: #000000;
    --palette-0-triplet: 0, 85, 85;
    /* Note: --palette-1 is The lightest color of the bottom half of the wallpaper which is contrast enough (50%) against the primary color. */
    --palette-1: #ffffff;
    --palette-1-darken: #808080;
    --palette-1-triplet: 255, 255, 255;

    /* Note: Following are just copies of previously defined palette colors: */
    --palette-2: var(--palette-0);
    --palette-2-darken: var(--palette-0-darken);
    --palette-2-triplet: var(--palette-0-triplet);
    --palette-3: var(--palette-1);
    --palette-3-darken: var(--palette-1-darken);
    --palette-3-triplet: var(--palette-1-triplet);
    --palette-4: var(--palette-0);
    --palette-4-darken: var(--palette-0-darken);
    --palette-4-triplet: var(--palette-0-triplet);
    --palette-5: var(--palette-1);
    --palette-5-darken: var(--palette-1-darken);
    --palette-5-triplet: var(--palette-1-triplet);
    --palette-6: var(--palette-0);
    --palette-6-darken: var(--palette-0-darken);
    --palette-6-triplet: var(--palette-0-triplet);
    --palette-7: var(--palette-1);
    --palette-7-darken: var(--palette-1-darken);
    --palette-7-triplet: var(--palette-1-triplet);
}
