/*
/ colors
/ ======
/ default colors and extra colors specified here
/ colors yoinked as is from https://gogh-co.github.io/Gogh/
/ maybe some modifications here and there, but otherwise what is named is what is used
*/

:root {
    --background: light-dark(#fafafa, #121418);
    --background-secondary: light-dark(hsl(from var(--background) h s calc(l - 6)), hsl(from var(--background) h s calc(l + 4)));
    --foreground: light-dark(#393e42, #caccd3);
    --accent: light-dark(#f2ae49, #efbd58);
    --link: light-dark(hsl(from var(--accent) h s calc(l - 30)), var(--accent));

    /* light theme is Ayu Light, dark theme is modified Astrodark */

    --black: light-dark(#8A9199, #576176);
    --red: light-dark(#F51818, #FAA5AB);
    --green: light-dark(#86B300, #A5CD84);
    --yellow: light-dark(#F2AE49, #EFBD58);
    --blue: light-dark(#399EE6, #8DC3F1);
    --purple: light-dark(#A37ACC, #DEAEED);
    --cyan: light-dark(#4CBF99, #27FFDF);
    --white: light-dark(#FAFAFA, #CACCD3);

    --dark-black: light-dark(#575F66, #111317);
    --dark-red: light-dark(#F51818, #F8747E);
    --dark-green: light-dark(#86B300, #75AD47);
    --dark-yellow: light-dark(#F2AE49, #D09214);
    --dark-blue: light-dark(#399EE6, #50A4E9);
    --dark-purple: light-dark(#A37ACC, #CC83E3);
    --dark-cyan: light-dark(#4CBF99, #00B298);
    --dark-white: light-dark(#FAFAFA, #ADB0BB);

    --warning: light-dark(hsl(from var(--yellow) h s calc(l - 25)), var(--yellow));

    --border: light-dark(hsl(from var(--foreground) h s calc(l + 45)), hsl(from var(--background) h s calc(l + 15)));
    --hover: light-dark(hsl(from var(--background) h s calc(l - 20)), hsl(from var(--background) h s calc(l + 10)));
    --shadow: light-dark(rgba(from var(--foreground) r g b / .8), rgba(from var(--background) r g b / .8));
    --focused: light-dark(var(--dark-purple), var(--dark-purple));

    --pagefind-ui-font: var(--font-family);
    --pagefind-ui-primary: var(--foreground);
    --pagefind-ui-text: var(--foreground);
    --pagefind-ui-background: var(--background);
    --pagefind-ui-border: var(--accent);
    --pagefind-ui-tag: var(--background);
    --site-border: .1rem solid var(--border);
}