/*these arte the colour definitions for the psap*/
:root {
    --telekom-magenta-colour: #E20074;
    --telekom-white-colour: #ffffff;
    --telekom-font-colour: #737679FF;
    --telekom-button-colour: #bbb;
    --telekom-button-hover-colour: #ffe6f3;
    --telekom-textbox-hover-colour: #E20074;
    --telekom-login-background-colour: #FFFFFF;
}

/*mapping of the priorly defined telekom colours to the variables used in the keycloak style-sheet*/
:root {
    --pf-global--active-color--100: var(--telekom-button-hover-colour); /*colour is being used for the button hovering*/
    --pf-global--active-color--200: var(--telekom-magenta-colour);
    --pf-global--active-color--300: var(--telekom-magenta-colour);
    --pf-global--active-color--400: var(--telekom-magenta-colour);
    --pf-global--primary-color--100: var(--telekom-magenta-colour);
    --pf-global--primary-color--200: var(--telekom-magenta-colour);
    --pf-global--primary-color--light-100: var(--telekom-magenta-colour);
    --pf-global--primary-color--dark-100: var(--telekom-magenta-colour);
    --pf-global--link--Color: var(--telekom-font-colour);
    --pf-global--link--Color--hover: var(--telekom-magenta-colour);
    --pf-global--link--Color--light: var(--telekom-font-colour);
    --pf-global--link--Color--light--hover: var(--telekom-magenta-colour);
    --pf-global--link--Color--dark: var(--telekom-font-colour);
    --pf-global--link--Color--dark--hover: var(--telekom-magenta-colour);
}