/*!
 * @filesource pitcom-colors.css
 * @project    pitcom-backendcore
 * @package    adm2020core
 *
 * @copyright  (c) 2020-2025 by pitcom GmbH | Bahnhofstraße 61 | D-08523 Plauen Germany
 * @author     Florian Schlichter, B.A. <florian.schlichter@pitcom.de>
 * @link       https://www.pitcom.de
 *
 * @version    2.8
 * @date       2025-09-22
 */

body.pitcom {
    color-scheme: light dark;
    accent-color: var(--color-accent);
    --color-accent: #0085cd;

    --pit-gruen: #A4AE00;
    --pit-gelb: #FDC400;
    --pit-blaugruen: #008495;
    --pit-magenta: #B5007C;
    --pit-pink: #E3006A;

    --gray-1: #5F6368;
    --gray-2: #202124;
    --gray-3: #f4f6fa;
    --gray-4: #E5E6E7;
    --primary: var(--color-accent);
    --primary-contrast: var(--white);
    --primary-alternative: #004368;

    --form-invalid: #ee0000;
    --form-valid: var(--pit-gruen);
    --form-input-bg: var(--white);
    --form-input-txt: var(--gray-1);
    --form-input-disabled-bg: var(--gray-3);
    --form-input-disabled-txt: var(--gray-1);
    --form-input-addon-bg: var(--gray-4);
    --form-input-addon-txt: var(--gray-1);
    --form-input-addon-disabled-bg: var(--gray-4);
    --form-input-addon-disabled-txt: var(--gray-1);
    --form-focus-border: var(--gray-1);

    --pit-bg-success: #A4AE00;
    --pit-bg-success-contrast: var(--white);
    --pit-bg-info: #007A8A;
    --pit-bg-info-contrast: var(--white);
    --pit-bg-warning: #F8AC59;
    --pit-bg-warning-contrast: #000000;
    --pit-bg-danger: #E71D31;
    --pit-bg-danger-contrast: var(--white);
    --pit-bg-muted: var(--gray-3);
    --pit-bg-muted-contrast: var(--gray-2);

    --text: var(--gray-1);
    --text-dark-white: var(--gray-2);
    --h1: var(--gray-2);

    --bg-white: var(--white);
    --bg-main: var(--gray-3);


    --link-bg: var(--primary);
    --link-bg-hover: var(--primary-alternative);
    --link-text: var(--primary-contrast);


    --button-bg: var(--primary);
    --button-text: var(--primary-contrast);
    --button-hover-bg: var(--primary-alternative);
    --button-hover-text: var(--primary-contrast);
    --button-secondary-bg: var(--gray-3);
    --button-secondary-text: var(--gray-2);
    --button-secondary-hover-bg: var(--gray-1);
    --button-secondary-hover-text: var(--white);


    --nav-bg: var(--white);
    --nav-border: var(--primary);
    --nav-text: var(--h1);
    --nav-hover-bg: var(--primary);
    --nav-hover-border: var(--primary-alternative);
    --nav-hover-text: var(--white);
    --nav-focus: var(--white);

    --footer-a: var(--primary);

    --ibox-bg: var(--white);
    --ibox-text: var(--text);
    --ibox-text-link: var(--primary);

    --ibox-th-bg: var(--gray-3);
    --ibox-th-txt: var(--text);

    --pagination-bg: var(--white);
    --pagination-border: var(--gray-3);
    --pagination-text: var(--text);

    --pagination-active-bg: var(--primary);
    --pagination-active-border: var(--primary);
    --pagination-active-text: var(--primary-contrast);


    --sorting-bg: #ffffffe0;
    --sorting-txt: var(--gray-2);
    --sorting-outline: var(--gray-2);
}

body.pitcom.red,
body.pitcom.spk {
    --color-accent: #ee0000 !important;
    --primary-alternative: #990000 !important;
}

@media (prefers-color-scheme: dark) {
    body.pitcom {
        --form-input-bg: var(--gray-2);
        --form-input-txt: var(--gray-3);
        --form-input-addon-bg: var(--gray-4);
        --form-input-addon-txt: var(--gray-2);
        --form-input-disabled-bg: var(--gray-1);
        --form-input-disabled-txt: var(--gray-3);
        --form-input-addon-disabled-bg: var(--gray-4);
        --form-input-addon-disabled-txt: var(--gray-2);
        --form-focus-border: var(--gray-3);
        --text: var(--gray-3);
        --text-dark-white: var(--gray-3);
        --h1: var(--gray-3);
        --bg-main: var(--gray-2);
        --bg-white: var(--gray-1);
        --nav-bg: var(--gray-1);
        --footer-a: var(--primary-contrast);
        --ibox-bg: var(--gray-1);
        --ibox-text: var(--gray-3);
        --ibox-text-link: var(--primary-contrast);

        --ibox-th-bg: var(--gray-2);
        --ibox-th-txt: var(--gray-3);

        --pagination-bg: var(--gray-2);
        --pagination-border: var(--white);
        --pagination-text: var(--white);
        --pagination-active-border: var(--white);

        --button-secondary-bg: var(--gray-2);
        --button-secondary-text: var(--gray-3);

        --sorting-bg: #000000e0;
        --sorting-txt: var(--gray-3);
        --sorting-outline: var(--gray-3);
    }

    body.pitcom.red,
    body.pitcom.spk {
    }
}