
:root {
    /* --highlight-hue: 240; */
    --highlight-hue: 201;

    --page-background: hsl(var(--highlight-hue), 70%, 5%);
    --content-background: hsl(var(--highlight-hue), 20%, 0%);
    --sidebar-background: hsl(var(--highlight-hue), 20%, 0%);
    --sidebar-border-color: hsl(var(--highlight-hue), 20%, 20%);
    --sidebar-link-color: hsl(var(--highlight-hue), 10%, 80%);
    --link-color: hsl(var(--highlight-hue), 75%, 60%);

    --link-color2: hsl(var(--highlight-hue), 40%, 20%);

    --button-color: hsl(var(--highlight-hue), 75%, 50%);
    --button-highlight-color: hsl(var(--highlight-hue), 40%, 40%);
    --button-border: hsl(var(--highlight-hue), 60%, 60%);

    --button2-color: var(--link-color2);
    --button2-border: var(--sidebar-border-color);

    --menu-highlight-color: #fff;
    --body-color: #ddd;

    --user-box-background-color: hsl(240, 20%, 5%);
    --user-box-border-color: solid     hsl(240, 40%, 20%);
    --pico-card-sectioning-background-color: #ff0000;
    --pico-card-sectioning-background-color: #1e242e;

    /* --fallback-icon-background: hsl(var(--highlight-hue), 40%, 50%); */
    --fallback-icon-foreground: var(--pico-primary-background);
    /*--fallback-icon-foreground: var(--pico-secondary-inverse); */
    --fallback-icon-background: var(--pico-card-background-color);

    scrollbar-color: hsl(var(--highlight-hue), 75%, 15%) var(--body-color);

    --muted-article-color: hsl(var(--highlight-hue), 70%, 6%);
    --muted-article-border: hsl(var(--highlight-hue), 70%, 9%);

    --reply-mark-color: hsl(var(--highlight-hue), 90%, 20%);
}

.result strong {
    color: var(--pico-color-jade-250);
}
