/*
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: #171725;

    --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: #646473;
    --gray-darker: #68615e;
    --black: #171725;

    /* Backgrounds */
    --background-primary-color: #F3F3F6;
    --background-secondary-color: var(--white);
    --background-tertiary-color: #FAFAFB;
    --background-quarternary-color: #EAEAEE;
    --background-quinary-color: var(--white);


    /* Borders */
    --border-color-primary: #D6D6E0;

    /* Font */
    --font-family-primary: 'Inter', sans-serif;


    --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;
    --warning-color-darker: #E44E4E;
    --error-color: var(--warning-color);
    --error-color-darker: var(--warning-color-darker);
    --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: #50b6ff1e;
    --alert-info-icon-color: #50B5FF;
    --alert-info-border-color: #50b6ff1a;

    /* Error */
    --alert-error-bg-solid-color: #FC5A5A;
    --alert-error-bg-color: #fc5a5a36;
    --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: #cccccc37;
    --alert-notice-icon-color: #a6a6a6;
    --alert-notice-border-color: #cccccc1a;

    --color-icon-favorite: #F2BD0E;


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


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

}
