/*Raiffeisen Bank tokens*/

:root {
    /*Colors*/
    /*-------------------------------------*/
    /*-------------Background--------------*/
    /*-------------------------------------*/
    --site-background-color: #FFF;
    --overlay-color: rgba(0, 0, 0, 0.5);
    --text-color: #2B2D33;
    --text-color-black: #2B2D33;
    --text-color-white: #FAFAFA;
    --text-color-light: #FAFAFA;
    --disabled-background-color: rgba(43, 45, 51, 0.05);
    --disabled-text-color: rgba(43, 45, 51, 0.4);
    --link-text-color: #006E75;
    --link-hover-color: #008E98;
    --yellow-light: #FFF0A6;
    --primary-yellow: #FEE600;
    --website-level-2-alt-02: #1F1F24;
    --off-black: #2B2D33;
    --dark-button-hover: #404248;
    --warm-grey-mid: #F1EDE6;
    --bg-accent-bluesubtle: #DDF4FB;

    /*-------------------------------------*/
    /*------------Custom select------------*/
    /*-------------------------------------*/
    --custom-select-button-text-color: rgba(43, 45, 51, 0.70);
    --custom-select-button-background-color: rgba(255, 255, 255, 0.40);
    --custom-select-button-border-color: rgba(43, 45, 51, 0.30);
    --custom-select-box-shadow: #1F1F24;
    --custom-select-dropdown-item-hover-background-color: rgba(43, 45, 51, 0.10);
    --custom-select-dropdown-item-selected-color: #006E75;

    /*-------------------------------------*/
    /*-------------Components--------------*/
    /*-------------------------------------*/
    --border-color: rgba(43, 45, 51, 0.30);
    --border-active-color: rgba(43, 45, 51, 0.7);
    --border-disabled-color: rgba(43, 45, 51, 0.15);
    --background-disabled-color: rgba(43, 45, 51, 0.05);

    /*--------------Buttons----------------*/
    --primary-button-text-color: #2B2D33;
    --primary-button-border-color: rgba(43, 45, 51, 0.2);
    --primary-button-background-color: #FEE600;
    --primary-button-hover-background-color: #FFD403;
    --primary-button-disabled-text-color: rgba(43, 45, 51, 0.4);

    --search-stepper-button-active: #2B2D33;
    --search-stepper-button-disabled: rgba(43, 45, 51, 0.15);

    --outlined-button-border-color: rgba(43, 45, 51, 0.3);
    --outlined-button-hover-color: rgba(43, 45, 51, 0.1);
    --outlined-button-disabled-border-color: rgba(43, 45, 51, 0.15);
    --outlined-button-disabled-text-color: rgba(43, 45, 51, 0.4);

    --link-default-button-text-color: #006E75;
    --link-default-button-hover-background-color: rgba(81, 208, 215, 0.1);

    --link-mono-button-hover-color: rgba(43, 45, 51, 0.1);
    --link-mono-button-disabled-text-color: rgba(43, 45, 51, 0.4);

    /*-------------Accordion----------------*/
    --accordion-hover-color: rgba(43, 45, 51, 0.08);

    /*-----------Card component-------------*/
    --card-component-card-background-color: #FFF;
    --card-component-background-color: #F1EDE6;
    --card-component-background-color-alt-01: #F8F6F2;
    --card-component-background-color-warm-grey-mid: #F1EDE6;
    --card-component-background-color-warm-grey-dark: #B4ADA5;
    --card-component-background-color-test: #a5abb482;
    --card-chip-text-color: rgba(43, 45, 51, 0.70);
    --card-border-color: rgba(43, 45, 51, 0.08);
    --card-box-shadow-color: rgba(43, 45, 51, 0.2);

    /*-----------Card comparison-------------*/
    --card-background-color-lighter: #FFF;
    --card-chip-background-color: #006E75;

    /*-----------News card component---------*/
    --news-card-hover-box-shadow-color: rgba(0, 0, 0, 0.3);

    /*-----------------Forms-----------------*/
    --input-background-color: rgba(255, 255, 255, 0.40);
    --input-error-background-color: rgba(255, 166, 161, 0.30);
    --input-error-border-color: #B70017;
    --dropdown-item-background-color: rgba(255, 255, 255, 0.40);
    --dropdown-optgroup-background-color: rgba(43, 45, 51, 0.05);

    /*-------------Tab component--------------*/
    --tab-button-hover-background-color: rgba(0, 110, 117, 0.1);

    /*----------------Navigation--------------*/
    --site-navigation-border-color: rgba(43, 45, 51, 0.08);
    --main-navigation-border-color: rgba(43, 45, 51, 0.48);
    --navigation-content-box-shadow-color: rgba(0, 0, 0, 0.1);

    /*--------------Currency rates------------*/
    --currency-rate-portlet-background-color: #FFF;
    --currency-rate-dark-color: #F1EDE6;
    --currency-rate-even-color: #f9f9f9;
    --currency-rate-text-color: #2B2D33;
    --currency-rate-border-color: #ddd;

    /*----------------Box shadow--------------*/
    --card-base-box-shadow: 0 1px 3px 0 var(--card-box-shadow-color);
    --card-hover-box-shadow: 0px 5px 16px -4px var(--news-card-hover-box-shadow-color);
    --form-dropdown-box-shadow: 1px 6px 12px 0px var(--card-box-shadow-color);
    --form-tooltip-inner-box-shadow: 1px 6px 12px 0px rgba(43, 45, 51, 0.20);
    --navigation-box-shadow: 0 4px 8px var(--navigation-content-box-shadow-color);
    --custom-select-dropdown-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    --custom-select-dropdown-content-box-shadow: 1px 6px 12px 0px var(--custom-select-box-shadow);
    --switch-box-shadow: 0px 1px 3px 0px var(--primary-button-border-color);
}