/*
todo альтернативная палитра для РЖД что бы применить --> поменять Link в _Layout.cshtml
* <link rel="stylesheet" href="~/css/_variables.css" />
* на
* <link rel="stylesheet" href="~/css/_variables2.css" />
*/

:root {
    --deepBlack: #222222;
    --black: #262626;
    --lightBlack: #1D1D1D;

    --gray: #BBC0C5;
    --deepGray: #6D6D6D;
    --darkGray: #333333;
    --lightGray: #76809A;

    --pink: #FA625C;
    --mattePink: #FF8984;
    --lightPink: #F4BFBD;

    --darkWhite: #E8EBF1;
    --otherWhite: #F9F9F9;

    --orange: #F8895C;

/*------------------------------------------*/
    --mainTitleTextColor: var(--black);

    --pageHeaderBackground: white;
    --pageHeaderLogoTextColor: var(--lightBlack);
    --pageHeaderUserIconColor: rgb(182, 180, 180);
    --pageHeaderUserTextColor: var(--lightBlack);

    --pageFooterBackground: var(--darkGray);
    --pageFooterTextColor: white;

    --carouselBackground: transparent;
    --carouselIndicators: #E8EBF1;

    --primaryBtnBackground: var(--mattePink);
    --primaryBtnTextColor: var(--otherWhite);
    --primaryBtnHoverBackground: var(--pink);
    --primaryBtnHoverTextColor: var(--otherWhite);
    --primaryBtnDisabledBackground: var(--darkWhite);
    --primaryBtnDisabledBorderColor: var(--darkWhite);
    --primaryBtnDisabledTextColor: #BBC0C5;

    --secondaryBtnBackground: #FFF;
    --secondaryBtnTextColor: #76809A;
    --secondaryBtnBorderColor: var(--darkWhite);
    --secondaryBtnHoverBackground: #FFF;
    --secondaryBtnHoverTextColor: #76809A;
    --secondaryBtnHoverBorderColor: #76808F;

    --inputBorderColor: var(--gray);
    --inputBackground: #FDFDFD;

    --mainHeaderBackground: var(--darkWhite);
    --mainHeaderTextColor: var(--lightBlack);

    --headersColor: var(--black);
    --labelTextColor: var(--lightBlack);

    /* Checkbox & radiobutton */
    --checkInputLabelTextColor: var(--lightBlack);
    --checkInputBackground: #FFF;
    --checkInputBorderColor: var(--deepGray);
    --checkInputCheckedBackground: white;
    --checkInputCheckedBorderColor: var(--deepGray);
    --checkInputCheckedV: var(--deepGray);

    --requiredStarColor: #B8525B;

    --cardHoverBoxShadow: rgba(194, 202, 222, 0.5);
    --cardLabelTextColor: var(--black);

    --navigationLinkColor: var(--pink);
    --navigationLinkHoverColore: var(--pink);

    --priceContainerBackground: var(--darkWhite);
    --priceTextColor: var(--lightBlack);
    --priceDescriptionTextColor: var(--lightGray);
    --priceCurrencyTextColor: var(--lightBlack);

    --linkColor: #0366d6;

    --inactiveTabIndicator: var(--lightPink);
    --inactiveTabTextColor: var(--lightBlack);
    --activeTabIndicator: var(--mattePink);
    --activeTabTextColor: var(--black);

    --tableBackground: white;
    --tableHeaderCellTextColor: var(--black);
    --tableHeaderCellBackground: white;
    --tableColumnDivider: white;

    --loginBackground: white;
    --loginBoxShadow: rgba(0, 0, 0, 0.2);
    --loginBorderColor: white;
    --loginLabelTextColor: var(--black);
    --loginInputBackground: #FDFDFD;
    --loginRecoveryLinkTextColor: var(--mattePink);

    --noAccountLabelTextColor: var(--black);
    --noAccountLinkTextColor: var(--mattePink);

    --invalidInputBackground: #FEF1EC;
    --invalidInputBorderColor: #CD0A0A;
}