/*
 * Your global styles here
 */
:root {
    --slds-c-card-radius-border: 1rem;
    --slds-c-icon-color-foreground: var(--dxp-g-brand);
    --slds-c-icon-color-foreground-default: var(--dxp-g-brand);
}

html,
body {
    height: 100%;
}

html {
    background: white;
}

body {
    margin: 0;
}

.selected.card article {
    border: 1px solid var(--dxp-g-brand);
    box-shadow: 0 0.2rem 0.5rem 0 rgba(0, 0, 0, 0.2);
}

.card article {
    height: 100%;
}

.card .slds-card__body {
     height: 100%;
}

h1 {
    font-size: var(--dxp-s-text-heading-extra-large-font-size);
    font-family: var(--dxp-s-html-font-family);
    line-height: var(--dxp-s-text-heading-extra-large-line-height);
    font-weight: var(--dxp-s-text-heading-extra-large-font-weight);
    color: var(--dxp-s-text-heading-extra-large-color);
}

h2 {
    font-size: var(--dxp-s-text-heading-large-font-size);
    font-family: var(--dxp-s-html-font-family);
    line-height: var(--dxp-s-text-heading-large-line-height);
    font-weight: var(--dxp-s-text-heading-large-font-weight);
    color: var(--dxp-s-text-heading-large-color);
}

h3 {
    font-size: var(--dxp-s-text-heading-medium-font-size);
    font-family: var(--dxp-s-html-font-family);
    line-height: var(--dxp-s-text-heading-medium-line-height);
    font-weight: var(--dxp-s-text-heading-medium-font-weight);
    color: var(--dxp-s-text-heading-medium-color);
}

:is(h1, h2, h3).bhcContrast {
    color: var(--dxp-g-brand-contrast)
}

.bhcCarouselControl > .slds-icon {
    fill: var(--dxp-g-brand);
}

lightning-helptext > .slds-form-element__icon {
    padding-top: 0;
}