: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: #5b8d8a;
--ia-primary-color-light: #f2f6f5;
--ia-primary-color-lighter: #f2f6f5;

--ia-text-color: #1F1F1F;

--ia-link-color:#5b8d8a;
--ia-link-underline:underline;
--ia-link-hover-color:#1F1F1F;
--ia-link-hover-underline:none;

--ia-action-font-color:#FFFFFF;
--ia-action-border-color:#5b8d8a;
--ia-action-background-color:#5b8d8a;
--ia-action-font-color-hover:#FFFFFF;
--ia-action-border-color-hover:#76b3ae;
--ia-action-background-color-hover:#76b3ae;

--ia-primary-font-color:#FFFFFF;
--ia-primary-border-color:#5b8d8a;
--ia-primary-background-color:#5b8d8a;
--ia-primary-font-color-hover:#FFFFFF;
--ia-primary-border-color-hover:#496e6b;
--ia-primary-background-color-hover:#496e6b;

--ia-secondary-font-color:#ffffff;
--ia-secondary-border-color:#5b8d8a;
--ia-secondary-background-color:#5b8d8a;
--ia-secondary-font-color-hover:#ffffff;
--ia-secondary-border-color-hover:#406361;
--ia-secondary-background-color-hover:#406361;

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

--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);
}