:root {
    --color-7: #388552;
    --color-8: #e7f4e4;
    --color-9: #231b4b;
    --color-10: #5338ca;
    --color-11: #c7cdff;
    --color-12: #dde1ff;
    --color-13: #eef0ff;
    --color-14: #ffee99;
    --color-15: #38258D;

    --gradient-1: linear-gradient(180deg, #00000000 0%, #00000080 50%, #000000b3 100%);

    --border-radius-12: 12px;
    --border-radius-24: 24px;

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

.c-accordion {
    --accordion-border-radius: var(--border-radius-12);

    --accordion-button-background-color-1: var(--color-5);
    --accordion-button-border-color-1: var(--color-11);
    --accordion-button-title-color-1: var(--color-9);
    --accordion-button-icon-color-1: var(--color-9);
    --accordion-content-background-color-1: var(--color-5);
    --accordion-content-border-color-1: var(--color-11);
    --accordion-button-background-color-1-hover: var(--color-13);
    --accordion-button-border-color-1-hover: var(--color-11);
    --accordion-button-title-color-1-hover: var(--color-9);
    --accordion-button-icon-color-1-hover: var(--color-9);

    --accordion-button-background-color-2: var(--color-9);
    --accordion-button-border-color-2: var(--color-9);
    --accordion-button-title-color-2: var(--color-5);
    --accordion-button-icon-color-2: var(--color-5);
    --accordion-content-background-color-2: var(--color-9);
    --accordion-content-border-color-2: var(--color-9);
    --accordion-button-background-color-2-hover: var(--color-10);
    --accordion-button-border-color-2-hover: var(--color-9);
    --accordion-button-title-color-2-hover: var(--color-5);
    --accordion-button-icon-color-2-hover: var(--color-5);
}

.c-accordion-menu-small {
    --accordion-menu-small-border-radius: var(--border-radius-12);

    --accordion-menu-small-button-background-color: var(--color-9);
    --accordion-menu-small-button-border-color: var(--color-9);
    --accordion-menu-small-button-label-color: var(--color-5);
    --accordion-menu-small-button-icon-background-color: var(--color-13);
    --accordion-menu-small-button-icon-color: var(--color-9);
    --accordion-menu-small-button-background-color-hover: var(--color-9);
    --accordion-menu-small-button-border-color-hover: var(--color-9);
    --accordion-menu-small-button-label-color-hover: var(--color-5);
    --accordion-menu-small-button-icon-background-color-hover: var(--color-13);
    --accordion-menu-small-button-icon-color-hover: var(--color-9);

    --accordion-menu-small-content-background-color: var(--color-9);
    --accordion-menu-small-content-border-color: var(--color-9);

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

.c-alert {
    --alert-icon-color: var(--color-5);
    --alert-background-color: var(--color-10);

    --alert-button-background-color: var(--color-10);
    --alert-button-icon-color: var(--color-5);
    --alert-button-background-color-hover: var(--color-10);
    --alert-button-icon-color-hover: var(--color-5);
}

.c-backdrop {
    --backdrop-background-color: var(--color-9);
    --backdrop-opacity: 0.5;
}

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

    --breadcrumb-link-color-2: var(--color-5);
    --breadcrumb-separator-color-2: var(--color-5);
    --breadcrumb-last-color-2: var(--color-5);
    --breadcrumb-link-color-2-hover: var(--color-5);
}

.c-button {
    --button-border-radius: var(--border-radius-24);

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

    --button-background-color-2: var(--color-5);
    --button-border-color-2: var(--color-5);
    --button-icon-color-2: var(--color-9);
    --button-label-color-2: var(--color-9);
    --button-background-color-2-hover: var(--color-12);
    --button-border-color-2-hover: var(--color-12);
    --button-icon-color-2-hover: var(--color-9);
    --button-label-color-2-hover: var(--color-9);

    --button-background-color-3: var(--color-14);
    --button-border-color-3: var(--color-14);
    --button-icon-color-3: var(--color-9);
    --button-label-color-3: var(--color-9);
    --button-background-color-3-hover: var(--color-12);
    --button-border-color-3-hover: var(--color-12);
    --button-icon-color-3-hover: var(--color-9);
    --button-label-color-3-hover: var(--color-9);

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

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

.c-button-facet {
    --button-facet-border-radius: var(--border-radius-24);

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

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

.c-button-small {
    --button-small-border-radius: var(--border-radius-24);

    --button-small-background-color-1: var(--color-10);
    --button-small-border-color-1: var(--color-10);
    --button-small-icon-color-1: var(--color-5);
    --button-small-background-color-1-hover: var(--color-15);
    --button-small-border-color-1-hover: var(--color-15);
    --button-small-icon-color-1-hover: var(--color-5);

    --button-small-background-color-2: var(--color-5);
    --button-small-border-color-2: var(--color-5);
    --button-small-icon-color-2: var(--color-9);
    --button-small-background-color-2-hover: var(--color-12);
    --button-small-border-color-2-hover: var(--color-12);
    --button-small-icon-color-2-hover: var(--color-9);

    --button-small-background-color-3: var(--color-14);
    --button-small-border-color-3: var(--color-14);
    --button-small-icon-color-3: var(--color-9);
    --button-small-background-color-3-hover: var(--color-12);
    --button-small-border-color-3-hover: var(--color-12);
    --button-small-icon-color-3-hover: var(--color-9);

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

.c-card {
    --card-border-radius: var(--border-radius-12);

    --card-image-max-width-horizontal: 200px;
    --card-image-background-color: var(--color-13);

    --card-badge-background-color: var(--color-10);
    --card-badge-border-color: var(--color-10);
    --card-badge-color: var(--color-5);
    --card-badge-border-radius: var(--border-radius-12);

    --card-background-color-1: var(--color-5);
    --card-border-color-1: var(--color-11);
    --card-text-color-1: var(--color-9);
    --card-text-link-color-1: var(--color-9);
    --card-date-color-1: var(--color-9);
    --card-text-link-color-1-hover: var(--color-9);

    --card-background-color-2: var(--color-5);
    --card-border-color-2: var(--color-11);
    --card-text-color-2: var(--color-9);
    --card-text-link-color-2: var(--color-9);
    --card-date-color-2: var(--color-9);
    --card-text-link-color-2-hover: var(--color-9);
}

.c-card-table {
    --card-table-border-radius: var(--border-radius-12);
    --card-table-head-background-color: var(--color-13);
    --card-table-content-background-color: var(--color-5);
    --card-table-border-color: var(--color-11);
}

.c-carousel-figure {
    --carousel-figure-pagination-color-1: var(--color-1);
    --carousel-figure-pagination-color-2: var(--color-5);
}

.c-cta {
    --cta-border-radius: var(--border-radius-12);

    --cta-background-color-1: var(--color-5);
    --cta-border-color-1: var(--color-11);

    --cta-background-color-2: var(--color-13);
    --cta-border-color-2: var(--color-13);

    --cta-background-color-3: var(--color-8);
    --cta-border-color-3: var(--color-8);

    --cta-background-color-4: var(--color-14);
    --cta-border-color-4: var(--color-14);

    --cta-background-color-5: transparent;
    --cta-border-color-5: transparent;
}

.c-data {
    --data-data-color-1: var(--color-9);
    --data-text-color-1: var(--color-1);
    --data-text-link-color-1: var(--color-9);
    --data-text-link-color-1-hover: var(--color-9);

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

.c-decoration {
    --decoration-background-color-1: var(--color-13);
    --decoration-ring-background-color-1: var(--color-10);
    --decoration-center-background-color-1: var(--color-5);

    --decoration-background-color-2: var(--color-9);
    --decoration-ring-background-color-2: var(--color-5);
    --decoration-center-background-color-2: var(--color-10);
}

.c-feedback {
    --feedback-border-radius: var(--border-radius-12);
    --feedback-background-color: var(--color-13);
    --feedback-border-color: var(--color-13);
    --feedback-text-color: var(--color-1);
    --feedback-text-link-color: var(--color-9);
    --feedback-text-link-color-hover: var(--color-9);
}

.c-figure {
    --figure-border-radius: 0;

    --figure-background-color-1: transparent;
    --figure-border-color-1: transparent;
    --figure-title-color-1: var(--color-1);
    --figure-description-color-1: var(--color-1);

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

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

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

.c-form {
    --form-border-radius: var(--border-radius-12);
    --form-border-color: var(--color-9);

    --form-input-padding-vertical: var(--padding-14);
    --form-input-padding-horizontal: var(--padding-16);

    --form-step-color: var(--color-5);
    --form-step-background-color: var(--color-10);

    --form-field-background-color: var(--color-5);
    --form-legend-color: var(--color-1);
    --form-label-color: var(--color-1);
    --form-required-color: var(--color-1);
    --form-description-color: var(--color-1);
    --form-error-color: var(--color-4);
    --form-value-color: var(--color-1);
    --form-text-color: var(--color-1);

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

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

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

.c-framed {
    --framed-border-radius: var(--border-radius-12);

    --framed-background-color-1: var(--color-5);
    --framed-border-color-1: var(--color-11);
    --framed-icon-color-1: var(--color-9);

    --framed-background-color-2: var(--color-13);
    --framed-border-color-2: var(--color-13);
    --framed-icon-color-2: var(--color-9);

    --framed-background-color-3: var(--color-8);
    --framed-border-color-3: var(--color-8);
    --framed-icon-color-3: var(--color-9);

    --framed-background-color-4: var(--color-14);
    --framed-border-color-4: var(--color-14);
    --framed-icon-color-4: var(--color-9);
}

.c-gallery {
    --gallery-border-radius: 0;

    --gallery-badge-background-color: var(--color-9);
    --gallery-badge-border-color: var(--color-9);
    --gallery-badge-icon-color: var(--color-5);
    --gallery-badge-border-radius: 0;
}

.c-header {
    --header-border-color: var(--color-13);
    --header-background-color: var(--color-5);

    --header-image-height-small: 40px;
    --header-image-height-large: 50px;

    --header-button-background-color: transparent;
    --header-button-color: var(--color-9);
    --header-button-icon-background-color: var(--color-13);
    --header-button-border-radius: var(--border-radius-24);
    --header-button-background-color-hover: var(--color-13);
    --header-button-color-hover: var(--color-9);
}

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

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

.c-image {
    --image-border-radius: 0;
}

.c-iframe {
    --iframe-overlay-background-color: var(--color-1);
}

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

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

.c-link-featured {
    --link-featured-border-radius: var(--border-radius-12);
    --link-featured-color-background: var(--color-5);
    --link-featured-border-color: var(--color-11);
    --link-featured-color: var(--color-1);
    --link-featured-color-background-hover: var(--color-13);
    --link-featured-border-color-hover: var(--color-11);
    --link-featured-color-hover: var(--color-1);
}

.c-link-menu-small {
    --link-menu-small-border-radius: 12px;
    --link-menu-small-background-color: var(--color-9);
    --link-menu-small-border-color: var(--color-9);
    --link-menu-small-label-color: var(--color-5);
    --link-menu-small-background-color-hover: var(--color-9);
    --link-menu-small-border-color-hover: var(--color-9);
    --link-menu-small-label-color-hover: var(--color-5);
}

.c-logo {
    --logo-border-radius: var(--border-radius-12);

    --logo-border-color-1: var(--color-11);
    --logo-text-color-1: var(--color-1);
    --logo-text-link-color-1: var(--color-9);
    --logo-text-link-color-1-hover: var(--color-9);

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

.c-map-popup {
    --map-popup-text-color: var(--color-1);
    --map-popup-text-link-color: var(--color-9);
    --map-popup-text-link-color-hover: var(--color-9);
}

.c-menu-large {
    --menu-large-background-color: var(--color-9);
    --menu-large-color: var(--color-5);

    --menu-large-image-decoration-right: 0;
    --menu-large-image-decoration-bottom: 0;
    --menu-large-image-decoration-width: 320px;
    --menu-large-image-decoration-height: auto;
}

.c-menu-small {
    --menu-small-background-color: var(--color-9);
    --menu-small-image-height: 40px;

    --menu-small-image-decoration-right: 0;
    --menu-small-image-decoration-bottom: 0;
    --menu-small-image-decoration-width: 320px;
    --menu-small-image-decoration-height: auto;
}

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

.c-noscript {
    --noscript-border-radius: var(--border-radius-12);
    --noscript-background-color: var(--color-14);
    --noscript-border-color: var(--color-9);
    --noscript-icon-color: var(--color-9);
    --noscript-text-color: var(--color-9);
}

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

.c-page-header {
    --page-header-background-color-1: var(--color-5);
    --page-header-type-color-1: var(--color-1);
    --page-header-text-color-1: var(--color-1);
    --page-header-date-color-1: var(--color-1);

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

.c-page-header-columns {
    --page-header-columns-background-color-1: var(--color-13);
    --page-header-columns-border-color-1: var(--color-9);
    --page-header-columns-type-color-1: var(--color-9);
    --page-header-columns-text-color-1: var(--color-9);
    --page-header-columns-date-color-1: var(--color-9);

    --page-header-columns-background-color-2: var(--color-9);
    --page-header-columns-border-color-2: var(--color-5);
    --page-header-columns-type-color-2: var(--color-5);
    --page-header-columns-text-color-2: var(--color-5);
    --page-header-columns-date-color-2: var(--color-5);

    --page-header-columns-image-decoration-background-width: 442px;
    --page-header-columns-image-decoration-background-height: 209px;
    --page-header-columns-image-decoration-background-right: 0;
    --page-header-columns-image-decoration-background-bottom: 0;

    --page-header-columns-image-decoration-width: 283px;
    --page-header-columns-image-decoration-height: 281px;
    --page-header-columns-image-decoration-top: -60px;
    --page-header-columns-image-decoration-right: -40px;
}

.c-page-header-home {
    --page-header-home-background-color: var(--color-5);
    --page-header-home-border-radius: var(--border-radius-12);

    --page-header-home-top-background-color-1: var(--color-13);
    --page-header-home-text-color-1: var(--color-9);
    --page-header-home-text-link-color-1: var(--color-9);
    --page-header-home-text-link-color-1-hover: var(--color-9);

    --page-header-home-top-background-color-2: var(--color-9);
    --page-header-home-text-color-2: var(--color-5);
    --page-header-home-text-link-color-2: var(--color-5);
    --page-header-home-text-link-color-2-hover: var(--color-5);

    --page-header-home-image-decoration-width: 315px;
    --page-header-home-image-decoration-height: 280px;
    --page-header-home-image-decoration-top: -60px;
    --page-header-home-image-decoration-right: -70px;
}

.c-pagination {
    --pagination-border-radius: var(--border-radius-12);

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

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

    --pagination-ellipsis-color: var(--color-9);
    --pagination-ellipsis-border-color: var(--color-13);
    --pagination-ellipsis-background-color: var(--color-13);
}

.c-quote {
    --quote-border-color-1: var(--color-1);
    --quote-text-color-1: var(--color-1);
    --quote-text-link-color-1: var(--color-9);
    --quote-author-color-1: var(--color-1);
    --quote-description-color-1: var(--color-1);
    --quote-text-link-color-1-hover: var(--color-9);

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

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

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

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

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

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

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

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

.c-search-form {
    --search-form-border-radius: var(--border-radius-12);
    --search-form-background-color: var(--color-5);
    --search-form-border-color: var(--color-11);
    --search-form-text-color: var(--color-1);
    --search-form-icon-color: var(--color-1);
    --search-form-accordion-border-color: var(--color-11);
}

.c-search-keyword {
    --search-keyword-border-radius: var(--border-radius-12);
    --search-keyword-label-large-color: var(--color-9);
    --search-keyword-label-medium-color: var(--color-1);
    --search-keyword-description-color: var(--color-1);
    --search-keyword-value-color: var(--color-1);
    --search-keyword-background-color: var(--color-5);
    --search-keyword-border-color: var(--color-9);
    --search-keyword-active-border-color: var(--color-9);

    --search-keyword-suggestion-background-color: var(--color-13);
    --search-keyword-suggestion-color: var(--color-1);
    --search-keyword-suggestion-highlight-color: var(--color-9);

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

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

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

.c-socials {
    --socials-border-color-1: var(--color-10);
    --socials-icon-color-1: var(--color-10);
    --socials-label-color-1: var(--color-9);
    --socials-border-color-1-hover: var(--color-9);
    --socials-icon-color-1-hover: var(--color-9);

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

.c-table-of-content {
    --table-of-content-border-radius: var(--border-radius-12);

    --table-of-content-button-background-color: var(--color-13);
    --table-of-content-button-border-color: var(--color-13);
    --table-of-content-button-title-color: var(--color-9);
    --table-of-content-button-icon-color: var(--color-9);
    --table-of-content-button-background-color-hover: var(--color-13);
    --table-of-content-button-border-color-hover: var(--color-13);
    --table-of-content-button-title-color-hover: var(--color-9);
    --table-of-content-button-icon-color-hover: var(--color-9);

    --table-of-content-content-background-color: var(--color-13);
    --table-of-content-content-border-color: var(--color-13);

    --table-of-content-link-color: var(--color-1);
    --table-of-content-link-color-hover: var(--color-9);
}

.c-tag {
    --tag-border-radius: var(--border-radius-12);

    --tag-color-1: var(--color-9);
    --tag-background-color-1: var(--color-12);
    --tag-border-color-1: var(--color-12);

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

.c-text {
    --rte-table-border-radius: var(--border-radius-12);
    --rte-table-border-color: var(--color-11);
    --rte-table-text-color: var(--color-1);
    --rte-caption-color: var(--color-5);
    --rte-caption-background-color: var(--color-9);
    --rte-table-th-background-color: var(--color-13);
    --rte-table-td-background-color: var(--color-5);

    --text-text-color-1: var(--color-1);
    --text-link-color-1: var(--color-9);
    --text-link-color-1-hover: var(--color-9);

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

.c-tile {
    --tile-border-radius: var(--border-radius-24);
    --tile-color: var(--color-5);
    --tile-text-link-color: var(--color-5);
    --tile-background-color-top: transparent;
    --tile-background-color-bottom: var(--color-1);
    --tile-text-link-color-hover: var(--color-5);
}

.c-title {
    --title-color-1: var(--color-9);
    --title-color-1-hover: var(--color-9);

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

.c-video {
    --video-border-radius: 0;
    --video-overlay-background-color: var(--color-1);
}

.c-wrapper {
    --wrapper-background-color-1: var(--color-5);
    --wrapper-background-color-2: var(--color-13);
    --wrapper-background-color-3: var(--color-9);
    --wrapper-background-color-4: var(--color-7);
}