:root {
--ia-padding-top-desktop: 60px;
--ia-padding-bottom-desktop: 60px;
--ia-padding-top-tablet: 40px;
--ia-padding-bottom-tablet: 40px;
--ia-padding-top-mobile: 40px;
--ia-padding-bottom-mobile: 40px;

--ia-gap-desktop: 32px;
--ia-gap-tablet: 32px;
--ia-gap-mobile: 32px;

--ia-primary-color: #0059b3;
--ia-primary-color-light: #F1F6FB;
--ia-primary-color-lighter: #F1F6FB;

--ia-text-color: #212121;

--ia-link-color:#039;
--ia-link-underline:underline;
--ia-link-hover-color:#212121;
--ia-link-hover-underline:underline;

--ia-action-font-color:#FFFFFF;
--ia-action-border-color:#039;
--ia-action-background-color:#039;
--ia-action-font-color-hover:#FFFFFF;
--ia-action-border-color-hover:#039;
--ia-action-background-color-hover:#039;

--ia-primary-font-color:#FFFFFF;
--ia-primary-border-color:#039;
--ia-primary-background-color:#039;
--ia-primary-font-color-hover:#FFFFFF;
--ia-primary-border-color-hover:#039;
--ia-primary-background-color-hover:#039;

--ia-secondary-font-color:#ffffff;
--ia-secondary-border-color:#039;
--ia-secondary-background-color:#039;
--ia-secondary-font-color-hover:#ffffff;
--ia-secondary-border-color-hover:#00246B;
--ia-secondary-background-color-hover:#00246B;

--ia-border-radius-button: 24px;
--ia-border-radius-media: 24px;
--ia-border-radius-input: 24px;
--ia-border-radius-cards: 24px;
--ia-border-radius-contained-block: 24px;

--ia-buttons-text-transform: none;

--working-hours-active-card-background-color: var(--ia-primary-color);
--working-hours-card-background-color: var(--ia-primary-color-lighter);
--working-hours-active-card-color: var(--ia-text-color);
}

.has-dark-color,
.has-text-color {
color: var(--ia-text-color);
}

.has-white-color {
color: #fff;
}

.has-primary-color {
color: var(--ia-primary-color);
}

.has-light-color {
color: var(--ia-primary-color-light);
}

.has-lighter-color {
color: var(--ia-primary-color-lighter);
}

.has-dark-background-color,
.has-text-background-color {
background-color: var(--ia-text-color);
}

.has-white-background-color {
background-color: #fff;
}

.has-primary-background-color {
background-color: var(--ia-primary-color);
}

.has-light-background-color {
background-color: var(--ia-primary-color-light);
}

.has-lighter-background-color {
background-color: var(--ia-primary-color-lighter);
}