:host {
--color-primary: #4582ad;
--color-primary-dark: hsl(204, 42%, 38%);
--color-primary-light: hsl(204, 42%, 88%);
--color-primary-alpha: rgba(69, 130, 173, 0.250000);
--color-primary-contrast: #FFFFFF;
--color-secondary: #364959;
--color-secondary-dark: hsl(207, 24%, 23%);
--color-secondary-contrast: #FFFFFF;
--color-secondary-alpha: rgba(54, 73, 89, 0.250000);
--color-secondary-light: hsl(207, 24%, 52%);
--color-success: #90BE6D;
--color-success-dark: hsl(94, 38%, 47%);
--color-success-light: hsl(94, 38%, 77%);
--color-error: #F26418;
--color-error-dark: hsl(20, 89%, 42%);
--color-error-alpha: rgba(242, 100, 24, 0.250000);
--color-error-light: hsl(20, 89%, 98%);
--color-background: #e8e8e8;
--color-background-dark: hsl(0, 0%, 72%);
--color-background-contrast: #FFFFFF;
--color-background-light: hsl(0, 0%, 100%);
--color-dark: #263440;
--color-dark-contrast: #FFFFFF;
--color-dark-alpha: rgba(38, 52, 64, 0.050000);
--size: var(--size-regular);
--space: var(--space-normal);
--radius: var(--radius-rounded);
}
