/*
Copyright (C) 2001-2021 OTRS AG, https://otrs.com/
Copyright (C) 2021 Znuny GmbH, https://znuny.org/

This software comes with ABSOLUTELY NO WARRANTY. For details, see
the enclosed file COPYING for license information (GPL). If you
did not receive this file, see https://www.gnu.org/licenses/gpl-3.0.txt.
*/

/**
 * @package     Skin "Default"
 */

/**
 * @section     Colors
 */

/*
 * Used colors in Znuny:
 * ---------------------
 *
 * Variable                             Description                         Default
 *
 * var(--color-black);                                                      Black
 * var(--color-red);                                                        Red
 * var(--color-orange);                                                     Orange
 * var(--color-yellow);                                                     Yellow
 * var(--color-green);                                                      Green
 * var(--color-grey1);                                                      Grey #111
 * var(--color-grey2);                                                      Grey #222
 * var(--color-grey3);                                                      Grey #333
 * var(--color-grey4);                                                      Grey #444
 * var(--color-grey5);                                                      Grey #555
 * var(--color-grey6);                                                      Grey #666
 * var(--color-grey7);                                                      Grey #777
 * var(--color-grey8);                                                      Grey #888
 * var(--color-grey9);                                                      Grey #999
 * var(--color-grey10);                                                     Grey #AAA
 * var(--color-grey11);                                                     Grey #BBB
 * var(--color-grey12);                                                     Grey #CCC
 * var(--color-grey13);                                                     Grey #DDD
 * var(--color-grey14);                                                     Grey #EEE
 */

:root {

    /* black */
    --color-black:                    #000;

    /* red */
    --color-red:                      #b8384e;

    /* orange */
    --color-orange:                   #FF9050;

    /* yellow */
    --color-yellow:                   #FFDD50;

    /* green */
    --color-green:                    #049E35;

    /* white */
    --color-white:                    #FFF;

    /* grey */
    --color-grey1:                    #111;
    --color-grey2:                    #222;
    --color-grey3:                    #333;
    --color-grey4:                    #444;
    --color-grey5:                    #555;
    --color-grey6:                    #666;
    --color-grey7:                    #777;
    --color-grey8:                    #888;
    --color-grey9:                    #999;
    --color-grey10:                   #AAA;
    --color-grey11:                   #BBB;
    --color-grey12:                   #CCC;
    --color-grey13:                   #DDD;
    --color-grey14:                   #EEE;





    /* Main Colors */
    --primary-color: #FF8A25;
    --primary-color-darker: #ef8000;
    --primary-color-rgb: rgba(255, 139, 37, 0.2);
    --primary-color-calendar: #ffe8d3;
    --secondary-color: #251c17;

    --white: #ffffff;
    --gray-light-white: #fbfafa;
    --gray-light-ultra: #f5f5f5;
    --gray-light-semi: #efefef;
    --gray-light: #ededed;
    --gray-regular-light: #E8E8E8;
    --gray-regular: #e0e0e0;
    --gray-medium: #beb8b5;
    --gray-medium-darker: #B5B5B580;
    --gray-dark-semi: #9D9792;
    --gray-dark: #746d69;
    --gray-darker: #68615e;
    --black: #251c17;


    --color-scroll-bar: var(--gray-dark);
    --mail-outgoing-color: #ffeec6;

    --disabled: var(--gray-light-semi);
    --disabled-text: var(--gray-medium);
    --disabled-input: var(--gray-light-semi);

    --bread-crumb: var(--gray-dark-semi);
    --bread-crumb-active: var(--black);
    --bread-crumb-font-size: var(--font-size-sm);


    --color-ticket-header: var(--gray-light-white);
    --email-info: var(--gray-light-white);
    --ticket-subject: var(--table-text-color);

    --success-color: #3DD598;
    --warning-color: #FC5A5A;
    --error-color: var(--warning-color);
    --confirmation-color: var(--success-color);
    --plus-color: var(--success-color);

    /* Tables */
    --table-text-color: #4f4444;
    --table-th-bg: #EFEFEF;
    --table-td-even-bg: #F9F9F9;
    --tr-disabled-bg: #efefef;
    --tr-disabled-text: #B6B6B6;
    
    /* Flag Element */
    --color-flag-default: #cdcdcd;

    /* Alert Component */
    --alert-close-icon-color: var(--gray-dark);

        /* Info */
        --alert-info-bg-color: #50b6ff10;
        --alert-info-icon-color: #50B5FF;
        --alert-info-border-color: #50b6ff1a;

        /* Error */
        --alert-error-bg-solid-color: #FC5A5A;
        --alert-error-bg-color: #FC5A5A10;
        --alert-error-icon-color: #FC5A5A;
        --alert-error-border-color:#FC5A5A1a;

        /* Success */
        --alert-success-bg-solid-color: #3DD598;
        --alert-success-bg-color: #3DD59810;
        --alert-success-icon-color: #3DD598;
        --alert-success-border-color: #3DD5981a;

        /* Warning */
        --alert-warning-bg-color: #F2BD0E10;
        --alert-warning-icon-color: #F2BD0E;
        --alert-warning-border-color: #F2BD0E1a;

        /* Notice */
        --alert-notice-bg-color: #cccccc10;
        --alert-notice-icon-color: #cccccc;
        --alert-notice-border-color: #cccccc1a;

    --color-icon-favorite: #F2BD0E;


    /* Forms */
    --border-color: #eae7e2;
    --border-input-color: #c4c1bb;


    /* BG's */
    --overlay-bg: rgba(23, 23, 37, 0.145);

}
