: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: #24a9b4;
--ia-primary-color-light: #92D4DA;
--ia-primary-color-lighter: #D3EEF0;

--ia-text-color: #0b0d0d;

--ia-link-color:#25a9b4;
--ia-link-underline:underline;
--ia-link-hover-color:#0b0d0d;
--ia-link-hover-underline:none;

--ia-action-font-color:#edf7f7;
--ia-action-border-color:#25a9b4;
--ia-action-background-color:#f0168e;
--ia-action-font-color-hover:#edf7f7;
--ia-action-border-color-hover:#1f757d;
--ia-action-background-color-hover:#f0168e;

--ia-primary-font-color:#010a0a;
--ia-primary-border-color:#25a9b4;
--ia-primary-background-color:#25a9b4;
--ia-primary-font-color-hover:#000a0a;
--ia-primary-border-color-hover:#1f757d;
--ia-primary-background-color-hover:#24a9b4;

--ia-secondary-font-color:#000c0d;
--ia-secondary-border-color:#25a9b4;
--ia-secondary-background-color:#f7fcfc;
--ia-secondary-font-color-hover:#00090a;
--ia-secondary-border-color-hover:#25a9b4;
--ia-secondary-background-color-hover:#f7fcfc;

--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: capitalize;

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