/* Overriding Pico with Gruvbox color palette: https://github.com/morhetz/gruvbox */

[data-theme="light"],
:root:not([data-theme="dark"]) {
    /* Logo */
    --logo: url(/assets/navbar/pyrsos.png);
    --search-icon: url(/assets/navbar/search.png);
    --rss-icon: url(/assets/navbar/rss.png);
    --theme-icon: url(/assets/navbar/theme.svg);
    /* Surfaces */
    --pico-background-color: #fbf1c7;
    --pico-background-color-2: #282828;
    --pico-background-color-3: #3c3836;
    --divider-color: #ebdbb2;
    /* Typography */
    --pico-color: #282828;
    --pico-primary: var(--pico-color);
    --pico-primary-hover: var(--pico-color);
    --pico-color-2: #282828;
    --pico-h1-color: #3c3836;
    --pico-h2-color: #282828;
    --pico-h3-color: #3c3836;
    --pico-h4-color: #504945;
    --pico-h5-color: #665c54;
    --pico-h6-color: #7c6f64;
    --pico-code-background-color: #eee0b7;
    --pico-code-color: #3c3836;
    /* Form elements */
    --pico-form-element-color: var(--pico-color);
    --pico-form-element-background-color: var(--pico-background-color);
    --pico-form-element-active-background-color: var(--pico-background-color);
    --pico-primary-background: transparent;
    --pico-primary-underline: transparent;
}


[data-theme="dark"] {
    /* Logo */
    --logo: url(/assets/navbar/pyrsos_dark.png);
    --search-icon: url(/assets/navbar/search_dark.png);
    --rss-icon: url(/assets/navbar/rss-dark.png);
    --theme-icon: url(/assets/navbar/theme-dark.svg);
    /* Surfaces */
    --pico-background-color: #1d2021;
    --pico-background-color-2: #282828;
    --pico-background-color-3: #3c3836;
    --divider-color: #ebdbb2;
    /* Typography */
    --pico-color: #ebdbb2;
    --pico-primary: var(--pico-color);
    --pico-primary-hover: var(--pico-color);
    --pico-color-2: #a89984;
    --pico-h1-color: #fbf1c7;
    --pico-h2-color: #ebdbb2;
    --pico-h3-color: #d5c4a1;
    --pico-h4-color: #bdae93;
    --pico-h5-color: #a89984;
    --pico-h6-color: #a89984;
    --pico-code-background-color: #2d3437;
    --pico-code-color: #ebdbb2; 
    /* Form elements */
    --pico-form-element-color: var(--pico-color);
    --pico-form-element-background-color: var(--pico-background-color);
    --pico-form-element-active-background-color: var(--pico-background-color);
    --pico-primary-background: transparent;
    --pico-primary-underline: transparent;
}