:root {
    --color-7: #4b5563;
    --color-8: #f6f6f6;
    --color-9: #c9005a;
    --color-10: #e0005a;
    --color-11: #fedc1b;
    --color-12: #00838f;

    --gradient-1: linear-gradient(180deg, #4b556300 0%, #4b556333 50%, #4B5563 100%);

    --font-family-text: "Inter", sans-serif;
    --font-family-title: "Ambit", sans-serif;
}

.c-accordion {
    --accordion-color-background-button-1: var(--color-8);
    --accordion-color-background-content-1: var(--color-5);
    --accordion-color-icon-1: var(--color-7);
    --accordion-color-border-button-1: var(--color-8);
    --accordion-color-border-content-1: var(--color-6);
}

.c-accordion-menu-small {
    --accordion-menu-small-color-background-content: var(--color-10);
    --accordion-menu-small-color-background-content-active: var(--color-9);
    --accordion-menu-small-color-text: var(--color-5);
    --accordion-menu-small-color-border: var(--color-5);

    --accordion-menu-small-color-link-label: var(--color-5);
    --accordion-menu-small-color-link-label-hover: var(--color-5);
    --accordion-menu-small-color-link-icon: var(--color-5);
    --accordion-menu-small-color-link-icon-hover: var(--color-5);

    --accordion-menu-small-color-background-button: var(--color-10);
    --accordion-menu-small-color-background-button-active: var(--color-9);
    --accordion-menu-small-color-button-label: var(--color-5);
    --accordion-menu-small-color-button-label-hover: var(--color-5);
    --accordion-menu-small-color-button-icon: var(--color-5);
    --accordion-menu-small-color-button-icon-hover: var(--color-5);
}

.c-alert {
    --alert-color-icon: var(--color-7);
    --alert-color-icon-button: var(--color-7);
    --alert-color-background: var(--color-11);
}

.c-backdrop {
    --backdrop-color-background: var(--color-7);
}

.c-breadcrumb {
    --breadcrumb-color-link-1: var(--color-7);
    --breadcrumb-color-link-1-hover: var(--color-7);
    --breadcrumb-color-separator-1: var(--color-7);
    --breadcrumb-color-last-1: var(--color-7);
}

.c-button {
    --button-color-background-1: transparent;
    --button-color-border-1: var(--color-7);
    --button-color-icon-1: var(--color-7);
    --button-color-label-1: var(--color-7);
    --button-color-background-1-hover: var(--color-7);
    --button-color-border-1-hover: var(--color-7);
    --button-color-icon-1-hover: var(--color-5);
    --button-color-label-1-hover: var(--color-5);

    --button-color-background-2: transparent;
    --button-color-border-2: var(--color-5);
    --button-color-icon-2: var(--color-5);
    --button-color-label-2: var(--color-5);
    --button-color-background-2-hover: var(--color-5);
    --button-color-border-2-hover: var(--color-5);
    --button-color-icon-2-hover: var(--color-7);
    --button-color-label-2-hover: var(--color-7);

    --button-color-background-3: var(--color-10);
    --button-color-border-3: var(--color-10);
    --button-color-icon-3: var(--color-5);
    --button-color-label-3: var(--color-5);
    --button-color-background-3-hover: var(--color-9);
    --button-color-border-3-hover: var(--color-9);
    --button-color-icon-3-hover: var(--color-5);
    --button-color-label-3-hover: var(--color-5);

    --button-color-background-4: var(--color-5);
    --button-color-border-4: var(--color-5);
    --button-color-icon-4: var(--color-10);
    --button-color-label-4: var(--color-10);
    --button-color-background-4-hover: var(--color-8);
    --button-color-border-4-hover: var(--color-8);
    --button-color-icon-4-hover: var(--color-10);
    --button-color-label-4-hover: var(--color-10);

    --button-color-background-active: var(--color-10);
    --button-color-border-active: var(--color-10);
    --button-color-icon-active: var(--color-5);
    --button-color-label-active: var(--color-5);
    --button-color-background-active-hover: var(--color-10);
    --button-color-border-active-hover: var(--color-10);
    --button-color-icon-active-hover: var(--color-5);
    --button-color-label-active-hover: var(--color-5);

    --button-color-background-disabled: var(--color-6);
    --button-color-border-disabled: var(--color-7);
    --button-color-icon-disabled: var(--color-7);
    --button-color-label-disabled: var(--color-7);
}

.c-button-facet {
    --button-facet-color-background: var(--color-5);
    --button-facet-color-border: var(--color-7);
    --button-facet-color-icon: var(--color-7);
    --button-facet-color-label: var(--color-7);
    --button-facet-color-background-hover: var(--color-7);
    --button-facet-color-border-hover: var(--color-7);
    --button-facet-color-icon-hover: var(--color-5);
    --button-facet-color-label-hover: var(--color-5);

    --button-facet-color-background-active: var(--color-7);
    --button-facet-color-border-active: var(--color-7);
    --button-facet-color-icon-active: var(--color-5);
    --button-facet-color-label-active: var(--color-5);
    --button-facet-color-background-active-hover: var(--color-5);
    --button-facet-color-border-active-hover: var(--color-7);
    --button-facet-color-icon-active-hover: var(--color-7);
    --button-facet-color-label-active-hover: var(--color-7);
}

.c-button-small {
    --button-small-color-background-1: transparent;
    --button-small-color-border-1: var(--color-7);
    --button-small-color-icon-1: var(--color-7);
    --button-small-color-label-1: var(--color-7);
    --button-small-color-background-1-hover: var(--color-7);
    --button-small-color-border-1-hover: var(--color-7);
    --button-small-color-icon-1-hover: var(--color-5);
    --button-small-color-label-1-hover: var(--color-5);

    --button-small-color-background-2: transparent;
    --button-small-color-border-2: var(--color-5);
    --button-small-color-icon-2: var(--color-5);
    --button-small-color-label-2: var(--color-5);
    --button-small-color-background-2-hover: var(--color-5);
    --button-small-color-border-2-hover: var(--color-5);
    --button-small-color-icon-2-hover: var(--color-7);
    --button-small-color-label-2-hover: var(--color-7);

    --button-small-color-background-disabled: var(--color-6);
    --button-small-color-border-disabled: var(--color-7);
    --button-small-color-icon-disabled: var(--color-7);
    --button-small-color-label-disabled: var(--color-7);
}

.c-card {
    --card-color-background-image: var(--color-8);

    --card-color-text-1: var(--color-7);
    --card-color-date-1: var(--color-7);
    --card-color-background-1: var(--color-5);
    --card-color-border-1: var(--color-6);
    --card-color-text-1-hover: var(--color-10);
}

.c-carousel-figure {
    --carousel-figure-color-pagination-1: var(--color-5);
    --carousel-figure-color-background-pagination-1: var(--color-7);

    --carousel-figure-color-pagination-2: var(--color-7);
    --carousel-figure-color-background-pagination-2: var(--color-5);
}

.c-data {
    --data-color-data-1: var(--color-7);
    --data-color-text-1: var(--color-7);
    --data-color-border-1: var(--color-6);
    --data-color-text-1-hover: var(--color-10);

    --data-color-data-2: var(--color-5);
    --data-color-text-2: var(--color-5);
    --data-color-border-2: var(--color-5);
    --data-color-text-2-hover: var(--color-5);
}

.c-feedback {
    --feedback-color-text: var(--color-7);
    --feedback-color-text-hover: var(--color-10);
    --feedback-color-background: var(--color-8);
    --feedback-color-border: var(--color-8);
}

.c-figure {
    --figure-color-background-1: transparent;
    --figure-color-title-1: var(--color-7);
    --figure-color-description-1: var(--color-7);
    --figure-color-border-1: transparent;

    --figure-color-background-2: transparent;
    --figure-color-title-2: var(--color-5);
    --figure-color-description-2: var(--color-5);
    --figure-color-border-2: transparent;
}

.c-form {
    --form-color-step: var(--color-5);
    --form-color-background-step: var(--color-10);
    --form-color-legend: var(--color-7);
    --form-color-label: var(--color-7);
    --form-color-required: var(--color-7);
    --form-color-background-field: var(--color-5);
    --form-color-description: var(--color-7);
    --form-color-error: var(--color-4);
    --form-color-value: var(--color-7);
    --form-color-border: var(--color-7);
    --form-color-text: var(--color-7);

    --form-color-background-button: var(--color-10);
    --form-color-background-button-hover: var(--color-9);
    --form-color-button: var(--color-5);
    --form-color-button-hover: var(--color-5);
    --form-color-border-button: var(--color-10);
    --form-color-border-button-hover: var(--color-9);

    --form-color-select-icon: var(--color-7);

    --form-color-background-checkbox: var(--color-7);
    --form-color-background-radio: var(--color-7);
}

.c-framed {
    --framed-color-border-1: var(--color-7);
    --framed-color-background-1: var(--color-5);
    --framed-color-icon-1: var(--color-7);

    --framed-color-border-2: var(--color-8);
    --framed-color-background-2: var(--color-8);
    --framed-color-icon-2: var(--color-7);

    --framed-color-border-3: var(--color-10);
    --framed-color-background-3: var(--color-10);
    --framed-color-icon-3: var(--color-5);

    --framed-color-border-4: var(--color-12);
    --framed-color-background-4: var(--color-12);
    --framed-color-icon-4: var(--color-5);

    --framed-color-border-5: var(--color-7);
    --framed-color-background-5: var(--color-7);
    --framed-color-icon-5: var(--color-5);
}

.c-footer {
    --footer-color-background-1: var(--color-7);
    --footer-color-text-1: var(--color-5);
    --footer-color-link-1: var(--color-5);
    --footer-color-link-1-hover: var(--color-5);
    --footer-color-copyright-1: var(--color-5);

    --footer-color-background-2: var(--color-1);
    --footer-color-text-2: var(--color-5);
    --footer-color-link-2: var(--color-5);
    --footer-color-link-2-hover: var(--color-2);
    --footer-color-copyright-2: var(--color-5);
}

.c-header {
    --header-size-image-small: 40px;
    --header-size-image-large: 40px;

    --header-color-button: var(--color-5);
    --header-color-background-button: transparent;
    --header-color-link: var(--color-5);
    --header-color-background-link: transparent;
    --header-color-border: var(--color-10);
    --header-color-background: var(--color-10);

    --header-color-button-hover: var(--color-5);
    --header-color-link-hover: var(--color-5);
    --header-color-background-button-hover: var(--color-9);
    --header-color-background-link-hover: var(--color-9);
}

.c-icon-text {
    --icon-text-color-icon-1: var(--color-7);
    --icon-text-color-text-1: var(--color-7);

    --icon-text-color-icon-2: var(--color-5);
    --icon-text-color-text-2: var(--color-5);
}

.c-link {
    --link-color-label-1: var(--color-7);
    --link-color-label-1-hover: var(--color-7);
    --link-color-icon-1: var(--color-7);
    --link-color-icon-1-hover: var(--color-7);

    --link-color-label-2: var(--color-5);
    --link-color-label-2-hover: var(--color-5);
    --link-color-icon-2: var(--color-5);
    --link-color-icon-2-hover: var(--color-5);
}

.c-link-featured {
    --link-featured-color-background: var(--color-10);
    --link-featured-color: var(--color-5);
    --link-featured-color-background-hover: var(--color-9);
    --link-featured-color-hover: var(--color-5);
}

.c-logo {
    --logo-color-text-1: var(--color-7);
    --logo-color-text-1-hover: var(--color-10);
    --logo-color-text-2: var(--color-5);
    --logo-color-text-2-hover: var(--color-5);
}

.c-map-popup {
    --map-popup-color-text: var(--color-7);
    --map-popup-color-text-hover: var(--color-10);
}

.c-menu-large {
    --menu-large-background-color: var(--color-10);
    --menu-large-border-color: var(--color-5);
    --menu-large-color: var(--color-5);
}

.c-menu-small {
    --menu-small-size-image: 60px;
    --menu-small-color: var(--color-5);
    --menu-small-color-background: var(--color-10);
    --menu-small-color-link: var(--color-5);
    --menu-small-color-border: var(--color-5);
    --menu-small-color-link-hover: var(--color-5);
}

.c-modal {
    --modal-color-background: var(--color-7);
}

.c-noscript {
    --noscript-color-border: var(--color-7);
    --noscript-color-icon: var(--color-7);
    --noscript-color-text: var(--color-7);
    --noscript-background-color: var(--color-11);
}

.c-notification {
    --notification-color-background: var(--color-11);

    --notification-gap: var(--gap-16);
    --notification-image-container-width: 50px;
    --notification-separator-min-width: 20px;
    --notification-button-width: 170px;
}

#orejime {
    --orejime-color-background: var(--color-7);
    --orejime-color-text: var(--color-5);
    --orejime-color-border: var(--color-5);

    --orejime-color-link: var(--color-5);
    --orejime-color-link-hover: var(--color-5);

    --orejime-color-background-button: var(--color-5);
    --orejime-color-button: var(--color-7);
    --orejime-color-background-button-hover: var(--color-5);
    --orejime-color-button-hover: var(--color-7);

    --orejime-color-background-button-save: var(--color-5);
    --orejime-color-button-save: var(--color-7);
    --orejime-color-background-button-save-hover: var(--color-5);
    --orejime-color-button-save-hover: var(--color-7);

    --orejime-color-background-button-decline: var(--color-5);
    --orejime-color-button-decline: var(--color-7);
    --orejime-color-background-button-decline-hover: var(--color-5);
    --orejime-color-button-decline-hover: var(--color-7);

    --orejime-color-background-button-info: var(--color-5);
    --orejime-color-button-info: var(--color-7);
    --orejime-color-background-button-info-hover: var(--color-5);
    --orejime-color-button-info-hover: var(--color-7);

    --orejime-color-background-overlay: rgb(from var(--color-7) r g b / 0.5);

    --orejime-color-background-switch: var(--color-7);
    --orejime-color-background-switch-active: var(--color-10);
    --orejime-color-border-switch: var(--color-5);
    --orejime-color-background-switch-button: var(--color-5);
}

.c-page-header {
    --page-header-color-background-breadcrumb-1: var(--color-8);
    --page-header-color-background-content-1: var(--color-5);
    --page-header-color-type-1: var(--color-7);
    --page-header-color-text-1: var(--color-7);
    --page-header-color-date-1: var(--color-7);
    --page-header-color-text-1-hover: var(--color-10);

    --page-header-color-background-breadcrumb-2: var(--color-1);
    --page-header-color-background-content-2: var(--color-1);
    --page-header-color-type-2: var(--color-5);
    --page-header-color-text-2: var(--color-5);
    --page-header-color-date-2: var(--color-5);
    --page-header-color-text-2-hover: var(--color-2);

    --page-header-padding-horizontal-content-small: 40px;
    --page-header-padding-horizontal-content-large: 110px;
    --page-header-max-width-content-small: calc(var(--max-width-content) + (var(--page-header-padding-horizontal-content-small) * 2));
    --page-header-max-width-content-large: calc(var(--max-width-content) + (var(--page-header-padding-horizontal-content-large) * 2));
    --page-header-min-height-small: 300px;
    --page-header-min-height-large: 500px;
}

.c-page-header-columns {
    --page-header-columns-color-background-1: var(--color-5);
    --page-header-columns-color-background-breadcrumb-1: var(--color-8);
    --page-header-columns-color-type-1: var(--color-7);
    --page-header-columns-color-text-1: var(--color-7);
    --page-header-columns-color-info-1: var(--color-7);
    --page-header-columns-color-location-1: var(--color-7);
    --page-header-columns-color-date-1: var(--color-7);
    --page-header-columns-color-text-1-hover: var(--color-10);

    --page-header-columns-color-background-2: var(--color-1);
    --page-header-columns-color-background-breadcrumb-2: var(--color-1);
    --page-header-columns-color-type-2: var(--color-5);
    --page-header-columns-color-text-2: var(--color-5);
    --page-header-columns-color-info-2: var(--color-5);
    --page-header-columns-color-location-2: var(--color-5);
    --page-header-columns-color-date-2: var(--color-5);
    --page-header-columns-color-text-2-hover: var(--color-2);

    --page-header-columns-decoration-width: 700px;
    --page-header-columns-decoration-height: 816px;
    --page-header-columns-decoration-position-top: auto;
    --page-header-columns-decoration-position-right: 0;
    --page-header-columns-decoration-position-bottom: 0;
    --page-header-columns-decoration-position-left: auto;
}

.c-page-header-home {
    --page-header-home-color-background: var(--color-5);
    --page-header-home-color-title: var(--color-7);
    --page-header-home-color-title-highlight: var(--color-10);

    --page-header-home-decoration-width: 1920px;
    --page-header-home-decoration-height: 122px;
    --page-header-home-decoration-position-top: auto;
    --page-header-home-decoration-position-right: auto;
    --page-header-home-decoration-position-bottom: 0;
    --page-header-home-decoration-position-left: auto;

    --page-header-home-columns-gap: 20px;
}

.c-pagination {
    --pagination-color-link: var(--color-7);
    --pagination-color-border-link: var(--color-7);
    --pagination-color-background-link: var(--color-5);

    --pagination-color-link-hover: var(--color-5);
    --pagination-color-border-link-hover: var(--color-7);
    --pagination-color-background-link-hover: var(--color-7);

    --pagination-color-active: var(--color-5);
    --pagination-color-border-active: var(--color-10);
    --pagination-color-background-active: var(--color-10);

    --pagination-color-ellipsis: var(--color-7);
    --pagination-color-border-ellipsis: var(--color-7);
    --pagination-color-background-ellipsis: var(--color-5);
}

.c-quote {
    --quote-color-text-1: var(--color-7);
    --quote-color-author-1: var(--color-7);
    --quote-color-description-1: var(--color-7);
    --quote-color-text-1-hover: var(--color-10);

    --quote-color-text-2: var(--color-5);
    --quote-color-author-2: var(--color-5);
    --quote-color-description-2: var(--color-5);
    --quote-color-text-2-hover: var(--color-5);
}

.c-resource {
    --resource-color-icon-1: var(--color-7);
    --resource-color-link-1: var(--color-7);
    --resource-color-text-1: var(--color-7);
    --resource-color-date-1: var(--color-7);
    --resource-color-link-1-hover: var(--color-7);

    --resource-color-icon-2: var(--color-5);
    --resource-color-link-2: var(--color-5);
    --resource-color-text-2: var(--color-5);
    --resource-color-date-2: var(--color-5);
    --resource-color-link-2-hover: var(--color-5);
}

.c-search-auto-correct {
    --search-facet-select-color-label: var(--color-7);
    --search-auto-correct-color-link: var(--color-7);
    --search-auto-correct-color-link-hover: var(--color-7);
}

.c-search-count {
    --search-count-color: var(--color-7);
}

.c-search-facet-button {
    --search-facet-button-color-label: var(--color-7);
    --search-facet-button-color-description: var(--color-7);
}

.c-search-facet-date {
    --search-facet-date-color-legend: var(--color-7);
    --search-facet-date-color-label: var(--color-7);
    --search-facet-date-color-description: var(--color-7);
    --search-facet-date-color-value: var(--color-7);
    --search-facet-date-color-background: var(--color-5);
    --search-facet-date-color-border: var(--color-7);
}

.c-search-facet-select {
    --search-facet-select-color-label: var(--color-7);
    --search-facet-select-color-description: var(--color-7);
    --search-facet-select-color-value: var(--color-7);
    --search-facet-select-color-icon: var(--color-7);
    --search-facet-select-color-background: var(--color-5);
    --search-facet-select-color-border: var(--color-7);
}

.c-search-form {
    --search-form-color-text: var(--color-7);
    --search-form-color-icon: var(--color-7);
    --search-form-color-background: var(--color-8);
    --search-form-color-border: var(--color-8);
    --search-form-color-border-accordion: var(--color-6);
}

.c-search-keyword {
    --search-keyword-color-label: var(--color-7);
    --search-keyword-color-description: var(--color-7);
    --search-keyword-color-value: var(--color-7);
    --search-keyword-color-background: var(--color-5);
    --search-keyword-color-border: var(--color-7);
    --search-keyword-color-border-active: var(--color-10);
    --search-keyword-color-suggestion: var(--color-7);
    --search-keyword-color-suggestion-highlight: var(--color-7);
    --search-keyword-border-radius: 0;

    --search-keyword-color-background-button: var(--color-5);
    --search-keyword-color-background-button-hover: var(--color-7);
    --search-keyword-color-icon-button: var(--color-7);
    --search-keyword-color-icon-button-hover: var(--color-5);
    --search-keyword-color-border-button: var(--color-7);
    --search-keyword-color-border-button-hover: var(--color-7);
}

.c-separator {
    --separator-color-background-1: var(--color-7);
    --separator-color-background-2: var(--color-5);
}

.c-skip-links {
    --skip-links-color-background: var(--color-7);
    --skip-links-color-link: var(--color-5);
    --skip-links-color-link-hover: var(--color-5);
}

.c-socials {
    --socials-color-label-1: var(--color-7);
    --socials-color-link-icon-1: var(--color-7);
    --socials-color-link-label-1: var(--color-7);
    --socials-color-link-icon-1-hover: var(--color-10);
    --socials-color-link-label-1-hover: var(--color-5);

    --socials-color-label-2: var(--color-5);
    --socials-color-link-icon-2: var(--color-5);
    --socials-color-link-label-2: var(--color-5);
    --socials-color-link-icon-2-hover: var(--color-5);
    --socials-color-link-label-2-hover: var(--color-5);
}

.c-step {
    --step-color-background-number: var(--color-10);
    --step-color-number: var(--color-5);
    --step-color-decoration: var(--color-7);
}

.c-table-of-content {
    --table-of-content-color-background-button: var(--color-8);
    --table-of-content-color-background-content: var(--color-5);
    --table-of-content-color-icon: var(--color-7);
    --table-of-content-color-link: var(--color-7);
    --table-of-content-color-sublink: var(--color-7);
    --table-of-content-color-link-hover: var(--color-7);
    --table-of-content-color-sublink-hover: var(--color-7);
    --table-of-content-color-border-button: var(--color-8);
    --table-of-content-color-border-content: var(--color-8);
    --table-of-content-border-radius: 0;
}

.c-tag {
    --tag-color-1: var(--color-7);
    --tag-color-background-1: var(--color-11);
    --tag-color-border-1: var(--color-11);

    --tag-color-2: var(--color-5);
    --tag-color-background-2: var(--color-7);
    --tag-color-border-2: var(--color-7);
}

.c-text {
    --text-color-text-1: var(--color-7);
    --text-color-text-1-hover: var(--color-10);

    --text-color-text-2: var(--color-5);
    --text-color-text-2-hover: var(--color-5);
}

.c-title {
    --title-color-text-1: var(--color-7);
    --title-color-decoration-1: var(--color-10);
    --title-color-text-1-hover: var(--color-7);

    --title-color-text-2: var(--color-5);
    --title-color-decoration-2: var(--color-5);
    --title-color-text-2-hover: var(--color-5);

    --title-color-text-3: var(--color-10);
    --title-color-decoration-3: var(--color-10);
    --title-color-text-3-hover: var(--color-10);
}

.c-top-bar {
    --top-bar-color-background: var(--color-7);
    --top-bar-color-link: var(--color-5);
    --top-bar-color-link-hover: var(--color-5);
}

.c-video {
    --video-color-background-overlay: var(--color-7);
}

.c-wrapper {
    --wrapper-color-background-1: var(--color-5);
    --wrapper-color-background-2: var(--color-8);
    --wrapper-color-background-3: var(--color-10);
    --wrapper-color-background-4: var(--color-12);
    --wrapper-color-background-5: var(--color-7);
}