:root {
    --primitives-black-100: #36382e;
    --primitives-black-75: #62645f;
    --primitives-black-60: #949496;
    --primitives-black-30: #c3c3c0;
    --primitives-black-15: #e1e1e0;
    --primitives-black-10: #ebebeb;
    --primitives-black-5: #f5f5f5;
    --primitives-white-white: #ffffff;
    --primitives-brand-6: #000000;
    --primitives-brand-7: #ffcc45;
    --primitives-brand-4: #000000;
    --primitives-brand-5: #000000;
    --primitives-brand-9: #037092;
    --primitives-brand-11: #000000;
    --primitives-brand-10: #005d7b;
    --primitives-brand-12: #38694d;
    --primitives-brand-13: #d6f6dc;
    --primitives-brand-14: #8b0f04;
    --primitives-brand-16: #f2fbfe;
    --primitives-brand-15: #660802;
    --primitives-brand-1: #000000;
    --primitives-brand-2: #000000;
    --primitives-brand-3: #000000;
    --primitives-brand-8: #ffc539;
    --primitives-brand-17: #a7def7;
    --primitives-brand-18: #cbf4ff;
    --primitives-brand-19: #000000;
    --primitives-brand-20: #000000;
    --primitives-brand-21: #000000;
    --primitives-brand-foundation-palette-primary: #e35e2b;
    --primitives-brand-foundation-palette-secondary: #227ab9;
    --primitives-brand-foundation-palette-success: #87d97c;
    --primitives-brand-foundation-palette-warning: #ff9900;
    --primitives-brand-foundation-palette-alert: #cc0000;
    --primitives-brand-primary: #e35e2b;
    --primitives-brand-secondary: #227ab9;
    --primitives-brand-success: #87d97c;
    --primitives-brand-warning: #ff9900;
    --primitives-brand-alert: #cc0000;

    --semantic-color-primary: var(--primitives-brand-7);
    --semantic-color-primary-hover: var(--primitives-brand-8);
    --semantic-color-secondary: var(--primitives-brand-9);
    --semantic-color-secondary-hover: var(--primitives-brand-10);
    --semantic-color-tertiary: var(--primitives-brand-9);
    --semantic-color-tertiary-hover: var(--primitives-brand-10);
    --semantic-color-info: var(--primitives-black-100);
    --semantic-color-success: var(--primitives-brand-12);
    --semantic-color-warning: var(--primitives-brand-foundation-palette-warning);
    --semantic-color-error: var(--primitives-brand-foundation-palette-alert);
    --semantic-color-icon: var(--primitives-black-100);
    --semantic-color-primary-text: var(--primitives-black-100);
    --semantic-color-secondary-text: var(--primitives-white-white);
    --semantic-color-tertiary-text: var(--primitives-white-white);
    --semantic-color-surface: var(--primitives-white-white);
    --semantic-color-surface-hover: var(--primitives-white-white);
    --semantic-color-surface-text: var(--primitives-black-100);
    --semantic-radius-button-radius: 4px;
    --semantic-radius-button-alt-radius: 32px;
    --semantic-radius-round-radius: 64px;
    --semantic-radius-card-radius-s: 4px;
    --semantic-radius-card-radius: 8px;
    --semantic-radius-input-radius: 4px;
    --semantic-radius-input-alt-radius: 24px;
    --semantic-radius-card-radius-xs: 2px;

    --button-primary-fill-bg: var(--semantic-color-primary);
    --button-primary-fill-fg: var(--semantic-color-primary-text);
    --button-secondary-fill-bg: var(--semantic-color-secondary);
    --button-secondary-fill-fg: var(--semantic-color-secondary-text);
    --button-primary-fill-hover-bg: var(--semantic-color-primary-hover);
    --button-primary-fill-hover-fg: var(--semantic-color-primary-text);
    --button-dark-fill-bg: var(--primitives-black-100);
    --button-dark-fill-fg: var(--primitives-white-white);
    --button-secondary-fill-hover-bg: var(--semantic-color-secondary-hover);
    --button-secondary-fill-hover-fg: var(--semantic-color-secondary-text);
    --button-tertiary-fill-bg: var(--primitives-white-white);
    --button-tertiary-fill-fg: var(--semantic-color-tertiary);
    --button-tertiary-fill-hover-bg: var(--semantic-color-tertiary-hover);
    --button-tertiary-fill-hover-fg: var(--semantic-color-tertiary-text);
    --button-quaternary-fill-bg: var(--primitives-brand-14);
    --button-quaternary-fill-fg: var(--primitives-white-white);
    --button-quaternary-fill-hover-bg: var(--primitives-brand-15);
    --button-quaternary-fill-hover-fg: var(--primitives-white-white);
    --button-primary-fill-disabled-bg: var(--primitives-black-5);
    --button-primary-fill-disabled-fg: var(--primitives-black-30);
    --button-secondary-fill-disabled-bg: var(--primitives-black-5);
    --button-secondary-fill-disabled-fg: var(--primitives-black-30);
    --button-tertiary-fill-disabled-bg: var(--primitives-black-5);
    --button-tertiary-fill-disabled-fg: var(--primitives-black-30);
    --button-quaternary-fill-disabled-bg: var(--primitives-black-5);
    --button-quaternary-fill-disabled-fg: var(--primitives-black-30);
    --button-dark-fill-hover-fg: var(--primitives-black-100);
    --button-dark-fill-hover-bg: var(--primitives-white-white);
    --button-dark-fill-disabled-bg: var(--primitives-black-5);
    --button-dark-fill-disabled-fg: var(--primitives-black-30);
    --button-light-fill-fg: var(--semantic-color-surface-text);
    --button-light-fill-bg: var(--semantic-color-surface);
    --button-light-fill-hover-bg: var(--primitives-black-100);
    --button-light-fill-hover-fg: var(--primitives-white-white);
    --button-light-fill-disabled-bg: var(--primitives-black-5);
    --button-light-fill-disabled-fg: var(--primitives-black-30);
    --button-link-fg: var(--semantic-color-secondary);
    --button-link-hover-fg: var(--semantic-color-secondary-hover);
    --button-link-disabled-fg: var(--primitives-black-30);
    --button-primary-fill-border-color: var(--semantic-color-primary);
    --button-primary-fill-hover-border-color: var(--semantic-color-primary-hover);
    --button-secondary-fill-border-color: var(--semantic-color-secondary);
    --button-secondary-fill-hover-border-color: var(--semantic-color-secondary-hover);
    --button-tertiary-fill-border-color: var(--semantic-color-tertiary);
    --button-tertiary-fill-hover-border-color: var(--semantic-color-tertiary-hover);
    --button-quaternary-fill-border-color: var(--button-quaternary-fill-bg);
    --button-quaternary-fill-hover-border-color: var(--button-quaternary-fill-hover-bg);
    --button-dark-fill-border-color: var(--button-dark-fill-bg);
    --button-dark-fill-hover-border-color: var(--button-dark-fill-hover-bg);
    --button-light-fill-border-color: var(--button-light-fill-bg);
    --button-light-fill-hover-border-color: var(--button-light-fill-hover-bg);
    --button-primary-fill-disabled-border-color: var(--primitives-black-5);
    --button-secondary-fill-disabled-border-color: var(--primitives-black-5);
    --button-tertiary-fill-disabled-border-color: var(--primitives-black-5);
    --button-quaternary-fill-disabled-border-color: var(--primitives-black-5);
    --button-dark-fill-disabled-border-color: var(--primitives-black-5);
    --button-light-fill-disabled-border-color: var(--primitives-black-5);
    --button-primary-line-fg: var(--primitives-black-100);
    --button-secondary-line-fg: var(--semantic-color-secondary);
    --button-tertiary-line-fg: var(--semantic-color-tertiary);
    --button-quaternary-line-fg: var(--primitives-brand-14);
    --button-dark-line-fg: var(--primitives-black-100);
    --button-light-line-fg: var(--primitives-white-white);
    --button-primary-line-border-color: var(--semantic-color-primary);
    --button-secondary-line-border-color: var(--semantic-color-secondary);
    --button-primary-line-hover-fg: var(--primitives-black-100);
    --button-primary-line-hover-border-color: var(--semantic-color-primary-hover);
    --button-secondary-line-hover-fg: var(--semantic-color-secondary-hover);
    --button-secondary-line-hover-border-color: var(--semantic-color-secondary-hover);
    --button-tertiary-line-border-color: var(--semantic-color-tertiary);
    --button-tertiary-line-hover-fg: var(--semantic-color-tertiary-hover);
    --button-tertiary-line-hover-border-color: var(--semantic-color-tertiary-hover);
    --button-quaternary-line-border-color: var(--primitives-brand-14);
    --button-quaternary-line-hover-fg: var(--primitives-brand-15);
    --button-quaternary-line-hover-border-color: var(--primitives-brand-15);
    --button-dark-line-border-color: var(--primitives-black-100);
    --button-dark-line-hover-fg: var(--primitives-black-100);
    --button-dark-line-hover-border-color: var(--primitives-white-white);
    --button-primary-line-disabled-fg: var(--primitives-black-30);
    --button-primary-line-disabled-border-color: var(--primitives-black-5);
    --button-secondary-line-disabled-fg: var(--primitives-black-30);
    --button-secondary-line-disabled-border-color: var(--primitives-black-5);
    --button-light-line-border-color: var(--primitives-white-white);
    --button-light-line-hover-fg: var(--primitives-white-white);
    --button-light-line-hover-border-color: var(--primitives-black-100);
    --button-tertiary-line-disabled-fg: var(--primitives-black-30);
    --button-tertiary-line-disabled-border-color: var(--primitives-black-5);
    --button-quaternary-line-disabled-fg: var(--primitives-black-30);
    --button-quaternary-line-disabled-border-color: var(--primitives-black-5);
    --button-light-line-disabled-fg: var(--primitives-black-30);
    --button-light-line-disabled-border-color: var(--primitives-black-5);
    --button-dark-line-disabled-fg: var(--primitives-black-30);
    --button-dark-line-disabled-border-color: var(--primitives-black-5);
    --button-grey-fill-bg: var(--primitives-black-15);
    --button-grey-fill-fg: var(--primitives-black-100);
    --button-grey-fill-border-color: var(--primitives-black-15);
    --button-grey-fill-hover-fg: var(--primitives-black-100);
    --button-grey-fill-hover-bg: var(--primitives-black-10);
    --button-grey-fill-hover-border-color: var(--primitives-black-10);
    --button-grey-fill-disabled-bg: var(--primitives-black-5);
    --button-grey-fill-disabled-fg: var(--primitives-black-30);
    --button-grey-fill-disabled-border-color: var(--primitives-black-5);
    --button-grey-line-fg: var(--primitives-black-100);
    --button-grey-line-border-color: var(--primitives-black-15);
    --button-grey-line-hover-fg: var(--primitives-black-100);
    --button-grey-line-hover-border-color: var(--primitives-black-10);
    --button-grey-line-disabled-fg: var(--primitives-black-30);
    --button-grey-line-disabled-border-color: var(--primitives-black-5);
    --button-white-fill-bg: var(--primitives-white-white);
    --button-white-fill-fg: var(--primitives-black-100);
    --button-white-fill-border-color: var(--primitives-white-white);
    --button-white-fill-hover-fg: var(--primitives-black-100);
    --button-white-fill-hover-bg: var(--primitives-black-5);
    --button-white-fill-hover-border-color: var(--primitives-black-5);
    --button-white-fill-disabled-bg: var(--primitives-black-5);
    --button-white-fill-disabled-fg: var(--primitives-black-30);
    --button-white-fill-disabled-border-color: var(--primitives-black-5);
    --button-white-line-fg: var(--primitives-black-100);
    --button-white-line-border-color: var(--primitives-white-white);
    --button-white-line-hover-fg: var(--primitives-black-100);
    --button-white-line-hover-border-color: var(--primitives-black-5);
    --button-white-line-disabled-fg: var(--primitives-black-30);
    --button-white-line-disabled-border-color: var(--primitives-black-5);
    --button-radius: var(--semantic-radius-button-radius);
    --button-alt-radius: var(--semantic-radius-button-alt-radius);

    --input-bg: var(--semantic-color-surface);
    --input-placeholder: var(--primitives-black-60);
    --input-border: var(--primitives-black-30);
    --input-fg: var(--semantic-color-surface-text);
    --input-hover-border: var(--primitives-black-100);
    --input-active-border: var(--primitives-black-100);
    --input-error-border: var(--primitives-brand-14);
    --input-disabled-border: var(--primitives-black-30);
    --input-disabled-fg: var(--primitives-black-30);
    --input-label: var(--primitives-black-100);
    --input-asterix: var(--primitives-brand-14);
    --input-error-text: var(--primitives-brand-14);
    --input-supportive-text: var(--primitives-black-60);
    --input-icon-fg: var(--semantic-color-icon);
    --input-disabled-icon: var(--primitives-black-30);
    --input-error-icon: var(--primitives-brand-14);
    --input-inline-label: var(--primitives-black-75);
    --input-visibility-icon: var(--primitives-black-30);
    --input-radius: var(--semantic-radius-input-radius);
    --input-alt-radius: var(--semantic-radius-input-alt-radius);

    --select-bg: var(--semantic-color-surface);
    --select-fg: var(--semantic-color-surface-text);
    --select-border: var(--primitives-black-30);
    --select-hover-border: var(--primitives-black-100);
    --select-chevron: var(--semantic-color-icon);
    --select-disabled-border: var(--primitives-black-30);
    --select-disabled-fg: var(--primitives-black-30);
    --select-disabled-chevron: var(--primitives-black-30);
    --select-error-border: var(--primitives-brand-14);
    --select-error-text: var(--primitives-brand-14);
    --select-label: var(--semantic-color-surface-text);
    --select-asterix: var(--primitives-brand-14);
    --select-active-border: var(--primitives-black-100);
    --select-count-bg: var(--semantic-color-secondary);
    --select-count-fg: var(--primitives-white-white);
    --select-placeholder: var(--primitives-black-60);
    --select-disabled-placeholder: var(--primitives-black-30);
    --select-radius: var(--semantic-radius-input-radius);
    --select-alt-radius: var(--semantic-radius-input-alt-radius);

    --star-rating-bg: var(--primitives-black-15);
    --star-rating-active-bg: var(--semantic-color-secondary);
    --star-rating-border: var(--primitives-black-15);
    --star-rating-active-border: var(--semantic-color-secondary);

    --checkbox-border-color: var(--primitives-black-100);
    --checkbox-active-border-color: var(--semantic-color-secondary);
    --checkbox-disabled-border-color: var(--primitives-black-60);
    --checkbox-bg: var(--semantic-color-surface);
    --checkbox-hover-bg: var(--primitives-black-30);
    --checkbox-active-bg: var(--semantic-color-secondary);
    --checkbox-fg: var(--semantic-color-surface-text);
    --checkbox-tooltip: var(--primitives-black-60);
    --checkbox-trail: var(--primitives-black-60);
    --checkbox-checkmark: var(--primitives-white-white);
    --checkbox-disabled-fg: var(--primitives-black-60);
    --checkbox-hover-border-color: var(--primitives-black-100);
    --checkbox-disabled-bg: var(--primitives-white-white);
    --checkbox-radius: var(--semantic-radius-card-radius-s);

    --radio-bg: var(--semantic-color-surface);
    --radio-hover-bg: var(--primitives-black-30);
    --radio-active-bg: var(--semantic-color-primary);
    --radio-tooltip: var(--primitives-black-60);
    --radio-trail: var(--semantic-color-surface-text);
    --radio-fg: var(--semantic-color-surface-text);
    --radio-disabled-fg: var(--primitives-black-60);
    --radio-checkmark: var(--primitives-white-white);
    --radio-border-color: var(--primitives-black-100);
    --radio-active-border-color: var(--semantic-color-primary);
    --radio-disabled-border-color: var(--primitives-black-60);
    --radio-supportive: var(--primitives-brand-12);
    --radio-hover-border-color: var(--primitives-black-100);
    --radio-disabled-bg: var(--primitives-white-white);
}