/**
 * hana+nils · Büro für Gestaltung
 * https://hananils.de · buero@hananils.de
 */

:root {
    --color-white: #fff;
    --color-blue: #3e4865;
    --color-blue-dimmed: #282d37;
    --color-lightgrey: hsl(0, 0%, 95%);
    --color-grey: hsl(0, 0%, 85%);
    --color-darkgrey: hsl(0, 0%, 11%);
    --color-plant: #f0992d;
    --color-jeweled-peach: #ef572f;
    --color-poseidon: #57a6b1;
    --color-kensington-blue: #3f4a67;
    --color-guilford-green: #d4d9b3;
    --color-card-room-green: #929989;
    --color-black: #000;
}

:root {
    --color-background: var(--color-white);
    --color-surface: var(--color-lightgrey);
    --color-text: var(--color-black);
    --color-text-on-dark: var(--color-white);
    --color-text-on-light: var(--color-black);
    --color-background-highlighted: var(--color-blue);
    --color-subtle: hsl(0, 0%, 90%);
    --color-underline: rgba(0, 0, 0, 0.5);
}

@media (prefers-color-scheme: dark) {
    :root {
        --color-background: var(--color-darkgrey);
        --color-surface: var(--color-black);
        --color-text: var(--color-lightgrey);
        --color-text-on-dark: var(--color-lightgrey);
        --color-text-on-light: var(--color-black);
        --color-background-highlighted: var(--color-blue-dimmed);
        --color-subtle: hsl(0, 0%, 30%);
        --color-underline: rgba(255, 255, 255, 0.5);
    }
}