:root {
    /* Fixed */
    --green: #85c442;
    --red: #e52628;

    /* Default mapping */
    --pageBackground: var(--primary-color-5);
    --headerText: var(--primary-color);
    --headerBackground: var(--primary-text-color);
    --bodyText: var(--tertiary-text-color);
    --bodyBackground: var(--tertiary-color);
    --bodyDivider: var(--primary-color-50);
    --subText: var(--tertiary-text-color-50);

    --navbarItem: var(--primary-color);
    --navbarActiveItem: var(--secondary-color);

    --formFieldBackground: var(--primary-color-5);
    --formFieldText: var(--tertiary-text-color);
    --formFieldPlaceholder: var(--tertiary-text-color-50);
    --formFieldBorder: var(--tertiary-text-color-50);
    --formFieldBorderActive: var(--primary-color);
    --formFieldBorderHover: var(--primary-color);

    --formDropDownBackground: var(--tertiary-color);
    --formDropDownText: var(--tertiary-text-color);
    --formDropDownHoverBackground: var(--primary-color);
    --formDropDownHoverText: var(--primary-text-color);

    --filterChipColor: var(--secondary-text-color);
    --filterChipAltColor: var(--secondary-color);
    --filterBadgeColor: var(--primary-color);
    --filterBadgeTextColor: var(--primary-text-color);

    --sliderTrackColor: var(--primary-color-5);
    --sliderRangeColor: var(--primary-color);
    --sliderThumbColor: var(--primary-color);

    --cardBackground: var(--primary-color-5);
    --cardAltBackground: var(--primary-color-20);
    --cardText: var(--tertiary-text-color);
    --cardClusterText: var(--tertiary-text-color);
    --cardClusterBar: var(--tertiary-text-color-20);

    --cardRegisteredLabelBackground: var(--primary-color);
    --cardRegisteredLabelText: var(--primary-text-color);
    --cardReserveListLabelBackground: #f49b15;
    --cardReserveListLabelText: black;
    --cardLimitedSpotsLabelBackground: #ffc700;
    --cardLimitedSpotsLabelText: black;

    --cardButtonColor: var(--primary-text-color);
    --cardButtonAltColor: var(--primary-color);

    --disabledButtonColor: var(--tertiary-text-color-50);
    --disabledButtonAltColor: var(--tertiary-text-color-5);

    --inlineButtonColor: var(--secondary-color);
    --inlineButtonColorAltColor: var(--primary-color);

    --buttonBackgroundColor: var(--secondary-color);
    --buttonTextColor: var(--secondary-text-color);
    --buttonBorderColor: var(--secondary-color);
    --buttonHoverBackgroundColor: var(--primary-color);
    --buttonHoverTextColor: var(--primary-text-color);
    --buttonHoverBorderColor: var(--primary-color);
    --buttonActiveBackgroundColor: var(--tertiary-text-color);
    --buttonActiveTextColor: var(--tertiary-color);
    --buttonActiveBorderColor: var(--tertiary-text-color);

    --hollowButtonBackgroundColor: var(--secondary-text-color);
    --hollowButtonTextColor: var(--secondary-color);
    --hollowButtonBorderColor: var(--secondary-color);
    --hollowButtonHoverBackgroundColor: var(--primary-text-color);
    --hollowButtonHoverTextColor: var(--primary-color);
    --hollowButtonHoverBorderColor: var(--primary-color);
    --hollowButtonActiveBackgroundColor: var(--tertiary-color);
    --hollowButtonActiveTextColor: var(--tertiary-text-color);
    --hollowButtonActiveBorderColor: var(--tertiary-text-color);

    --iconColor: var(--primary-color);
    --iconAltColor: var(--primary-text-color);

    --highlightColor: var(--secondary-color);
    --lightHighlightColor: var(--secondary-text-color);
    --inactiveColor: var(--primary-color-20);

    --hintBackground: var(--tertiary-text-color);
    --hintText: var(--tertiary-color);

    --paginationBackground: var(--primary-text-color);
    --paginationText: var(--primary-color);
    --paginationBackgroundActive: var(--primary-color);
    --paginationTextActive: var(--primary-text-color);
    --paginationBackgroundHover: var(--primary-color-20);
    --paginationTextHover: var(--primary-color);

    --error: var(--red);
    --alert: var(--red);

    --marker: var(--secondary-color);
}