:root {
    --ohh-form-filler-font-color: #353A57;
    --ohh-form-filler-button-color: #267D9C;
    --ohh-form-filler-font: Proxima Nova, sans-serif;
}

body.embedded-form-filler {
    --ohh-form-filler-gradient-5: color-mix(in srgb, var(--ohh-form-filler-button-color) 5%, transparent);
    --ohh-form-filler-gradient-25: color-mix(in srgb, var(--ohh-form-filler-button-color) 25%, transparent);
    --ohh-form-filler-gradient-50: color-mix(in srgb, var(--ohh-form-filler-button-color) 50%, transparent);
    --ohh-form-filler-gradient-75: color-mix(in srgb, var(--ohh-form-filler-button-color) 75%, transparent);
    --ohh-form-filler-font-gradient-75: color-mix(in srgb, var(--ohh-form-filler-font-color) 75%, transparent);

    --input-label-color: var(--ohh-form-filler-font-gradient-75);
    --input-border-color: var(--ohh-form-filler-button-color);
    --input-background-color: var(--ohh-form-filler-gradient-5);
    --pf-global--Color--200: var(--ohh-form-filler-font-color);
    --light-background-color: var(--ohh-form-filler-gradient-25);
    --primary-button-color: var(--ohh-form-filler-button-color);
    --primary-active-color: color-mix(in srgb, var(--primary-button-color) 90%, black);

    font-family: var(--ohh-form-filler-font);
    color: var(--ohh-form-filler-font-color);
}

body.embedded-form-filler #kc-header {
    margin-bottom: 0;
    height: 250px;
}

a, a:hover {
    color: var(--ohh-form-filler-font-color);
}