/*
 * DinoGirls theme collection: jabrefdark (dark) / jabreflight (light), greytext.
 * Covers both color schemes: select "Follow system", "Light", or "Dark" in JabRef.
 */

@media (prefers-color-scheme: dark) {
    .root {
        -color-bg-primary: #151924;
        -color-bg-secondary: #272b38;
        -color-bg-tertiary: #141824;
        -color-bg-overlay: #272b38;
        -color-bg-alt: #212330;
        -color-bg-search: #2c2e3b;
        -color-bg-sidepane: #212330;
        -color-fg-default: #9aa3af;
        -color-fg-muted: #7d8591;
        -color-fg-emphasis: #9aa3af;
        -color-border-light: #333744;
        -color-border-muted: #333744;
        -color-accent: #2c9490;
        -color-link: #2c9490;
        -color-accent-subtle: #255652;
        -color-selection: #255652;
        -color-button-default: derive(#255652, 50%);
        -color-button-hover: #fff1;
        -color-button-pressed: #fff2;
        -color-overlay-hover: #fff1;
        -color-overlay-armed: #fff2;
        -color-success: #1cb631;
        -color-success-emphasis: #28d93c;
        -color-warning: #b77620;
        -color-danger: #db1d2b;
        -color-danger-emphasis: #b71c1f;
        -color-syntax-keyword: #b72486;
        -color-scrollbar-thumb: #9aa3af;
        -color-scrollbar-track: derive(#272b38, -90%);
        -color-tooltip-bg: #255652;
        -color-drag-target: #255652;
        -color-drag-target-hover: #255652;
        -color-badge-bg: #151924;
    }
}

@media (prefers-color-scheme: light) {
    .root {
        -color-bg-primary: derive(#ebebeb, 26.4%);
        -color-bg-secondary: derive(derive(#ebebeb, 95%), -6%);
        -color-bg-tertiary: derive(#ebebeb, 46.4%);
        -color-bg-overlay: derive(derive(#ebebeb, 95%), -6%);
        -color-bg-alt: derive(#ebebeb, 95%);
        -color-bg-search: derive(#ebebeb, 80%);
        -color-bg-sidepane: #dddddd;
        -color-fg-default: #000;
        -color-fg-muted: #7d8591;
        -color-fg-emphasis: #ffffff;
        -color-border-light: derive(#ebebeb, -5%);
        -color-border-muted: derive(-fx-color, -5%);
        -color-accent: #50618F;
        -color-link: #50618F;
        -color-accent-subtle: #a3b7e6;
        -color-selection: #a3b7e6;
        -color-button: transparent;
        -color-button-default: derive(#a3b7e6, 50%);
        -color-button-hover: #0002;
        -color-button-pressed: #0002;
        -color-overlay-hover: #0001;
        -color-overlay-armed: #0002;
        -color-success: #10ac84;
        -color-success-emphasis: #1dd1a1;
        -color-warning: #ff9f43;
        -color-danger: #ff6b6b;
        -color-danger-emphasis: #ee5253;
        -color-info-subtle: rgba(163, 183, 230, 0.16);
        -color-syntax-keyword: #7559C2;
        -color-scrollbar-thumb: derive(derive(#ebebeb, -5%), -30%);
        -color-scrollbar-track: derive(derive(#ebebeb, 95%), -10%);
        -color-tooltip-bg: #a3b7e6;
        -color-drag-target: #7559C2;
        -color-drag-target-hover: derive(#7559C2, 80%);
        -color-badge-bg: derive(#dddddd, -50%);
    }
}