:root{
	 --ar-10: #656b71;
    --ar-15: 101, 107, 113;
    --ar-20: #a1917d;
    --ar-30: #c1b6a9;
    --ar-40: #80694c;
    --ar-50: #e6e2dd;
    --ar-55: 230, 226, 221;
    --ar-60: #ffffff;
    --ar-65: 255, 255, 255;
    --ar-70: #f4f4f4;
    --ar-75: 244, 244, 244;
    --ar-80: #1c1c1c;
    --ar-85: 28, 28, 28;

    --alert-10: #d0021b;
    --alert-30: #ff6868;
	    --t-font-family: MontserratLight;
    --t-title-font-family: MontserratLight;

    --t-title-l-font-weight: 400;
    --t-title-l-letter-space: normal;
    --t-title-l-font-style: normal;
    --t-title-l-font-size-viewport-xs: 2.125rem;
    --t-title-l-line-height-viewport-xs: 2.3375rem;
    --t-title-l-font-size-viewport-m: 2.8125rem;
    --t-title-l-line-height-viewport-m: 3.09375rem;
    --t-title-l-font-size-viewport-l: 3.4375rem;
    --t-title-l-line-height-viewport-l: 3.78125rem;

    --t-title-m-font-size-viewport-l: 2.5rem;
    --t-title-m-line-height-viewport-l: 2.75rem;
    --t-title-m-font-weight: 400;
    --t-title-m-letter-space: normal;
    --t-title-m-font-style: normal;
    --t-title-m-font-size-viewport-m: 2.1875rem;
    --t-title-m-line-height-viewport-m: 2.40625rem;
    --t-title-m-font-size-viewport-xs: 1.875rem;
    --t-title-m-line-height-viewport-xs: 2.0625rem;

    --t-title-s-font-size-viewport-l: 1.8125rem;
    --t-title-s-line-height-viewport-l: 1.99375rem;
    --t-title-s-font-weight: 400;
    --t-title-s-letter-space: normal;
    --t-title-s-font-style: normal;
    --t-title-s-font-size-viewport-m: 1.6875rem;
    --t-title-s-line-height-viewport-m: 1.85625rem;
    --t-title-s-font-size-viewport-xs: 1.5625rem;
    --t-title-s-line-height-viewport-xs: 1.71875rem;

    --t-subtitle-xl-font-size-viewport-l: 1.375rem;
    --t-subtitle-xl-font-weight: 400;
    --t-subtitle-xl-line-height-viewport-l: 1.71875rem;
    --t-subtitle-xl-letter-space: normal;
    --t-subtitle-xl-font-style: normal;
    --t-subtitle-xl-font-size-viewport-xs: 1.375rem;
    --t-subtitle-xl-line-height-viewport-xs: 1.71875rem;

    --t-buttons-border-radius: 20px;
    --t-images-border-radius: 14px;
    --t-cards-border-radius: 14px;

    --t-logo-size-s: 4.1rem;
    --t-logo-size-m: 3.8rem;
    --t-logo-size-l: 6.1rem;
	       --t-button-primary-bg-color: var(--ar-10);
        --t-button-primary-fg-color: var(--ar-60);
        --t-button-primary-border-color: var(--ar-10);
        --t-button-primary-hover-bg-color: rgba(var(--ar-85), 0.2);

        --t-button-secondary-bg-color: transparent;
        --t-button-secondary-fg-color: var(--ar-80);
        --t-button-secondary-border-color: var(--ar-80);
        --t-button-secondary-hover-bg-color: var(--ar-80);
        --t-button-secondary-hover-fg-color: var(--ar-60);
        --t-button-secondary-hover-border-color: var(--ar-80);

        --t-button-tertiary-color: var(--ar-40);
        --t-link-text-color: var(--ar-40);
        --t-link-border-color: var(--ar-40);

        --t-non-interactive-accent-color: var(--ar-20);
        --t-interactive-accent-color: var(--ar-10);
        --t-icon-color-decorative: var(--ar-20);
        --t-accent-color: var(--ar-10);
        --t-horizontal-vertical-rule: var(--ar-10);
        --t-brand-ribbon: transparent;

        --t-logo-bg-color: transparent;
        --t-logo-fg-color: var(--ar-10);

        --t-form-label-color: var(--ar-80);
        --t-form-error-color: var(--alert-10);
        --t-input-fields-fg-color: var(--ar-60);
        --t-input-fields-bg-color: var(--ar-10);

        --t-brand-bg-color: var(--ar-60);
        --t-brand-bg-color-rgb: var(--ar-65);
        --t-brand-fg-color: var(--ar-80);

        --t-brand-bg-gradient-desktop: linear-gradient(
            270deg,
            rgba(255, 255, 255, 0) 0.03%,
            rgba(255, 255, 255, 0.46) 58%,
            rgba(255, 255, 255, 0.54) 100%
        );
        --t-brand-bg-gradient-mobile: linear-gradient(
            180deg,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.73) 100%
        );
}
.color-scheme1{
	       --t-button-primary-bg-color: var(--ar-10);
        --t-button-primary-fg-color: var(--ar-60);
        --t-button-primary-border-color: var(--ar-10);
        --t-button-primary-hover-bg-color: rgba(var(--ar-85), 0.2);

        --t-button-secondary-bg-color: transparent;
        --t-button-secondary-fg-color: var(--ar-80);
        --t-button-secondary-border-color: var(--ar-80);
        --t-button-secondary-hover-bg-color: var(--ar-80);
        --t-button-secondary-hover-fg-color: var(--ar-60);
        --t-button-secondary-hover-border-color: var(--ar-80);

        --t-button-tertiary-color: var(--ar-40);
        --t-link-text-color: var(--ar-40);
        --t-link-border-color: var(--ar-40);

        --t-non-interactive-accent-color: var(--ar-20);
        --t-interactive-accent-color: var(--ar-10);
        --t-icon-color-decorative: var(--ar-20);
        --t-accent-color: var(--ar-10);
        --t-horizontal-vertical-rule: var(--ar-10);
        --t-brand-ribbon: transparent;

        --t-logo-bg-color: transparent;
        --t-logo-fg-color: var(--ar-10);

        --t-form-label-color: var(--ar-80);
        --t-form-error-color: var(--alert-10);
        --t-input-fields-fg-color: var(--ar-60);
        --t-input-fields-bg-color: var(--ar-10);

        --t-brand-bg-color: var(--ar-60);
        --t-brand-bg-color-rgb: var(--ar-65);
        --t-brand-fg-color: var(--ar-80);

        --t-brand-bg-gradient-desktop: linear-gradient(
            270deg,
            rgba(255, 255, 255, 0) 0.03%,
            rgba(255, 255, 255, 0.46) 58%,
            rgba(255, 255, 255, 0.54) 100%
        );
        --t-brand-bg-gradient-mobile: linear-gradient(
            180deg,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.73) 100%
        );
}
.color-scheme2{
	      --t-button-primary-bg-color: var(--ar-30);
        --t-button-primary-fg-color: var(--ar-80);
        --t-button-primary-border-color: var(--ar-30);
        --t-button-primary-hover-bg-color: rgba(var(--ar-65), 0.2);

        --t-button-secondary-bg-color: transparent;
        --t-button-secondary-fg-color: var(--ar-30);
        --t-button-secondary-border-color: var(--ar-30);
        --t-button-secondary-hover-bg-color: var(--ar-30);
        --t-button-secondary-hover-fg-color: var(--ar-80);
        --t-button-secondary-hover-border-color: var(--ar-30);

        --t-button-tertiary-color: var(--ar-30);
        --t-link-text-color: var(--ar-30);
        --t-link-border-color: var(--ar-30);

        --t-icon-color-decorative: var(--ar-30);
        --t-accent-color: var(--ar-30);
        --t-interactive-accent-color: var(--ar-30);
        --t-horizontal-vertical-rule: var(--ar-60);
        --t-brand-ribbon: transparent;

        --t-logo-bg-color: transparent;
        --t-logo-fg-color: var(--ar-60);

        --t-form-label-color: var(--ar-60);
        --t-form-error-color: var(--alert-10);
        --t-input-fields-fg-color: var(--ar-80);
        --t-input-fields-bg-color: var(--ar-30);

        --t-brand-bg-color: var(--ar-80);
        --t-brand-bg-color-rgb: var(--ar-85);
        --t-brand-fg-color: var(--ar-60);

        --t-brand-bg-gradient-desktop: linear-gradient(
            270deg,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.54) 57.42%,
            rgba(0, 0, 0, 0.62) 100%
        );
        --t-brand-bg-gradient-mobile: linear-gradient(
            180deg,
            rgba(28, 28, 28, 0) 0%,
            rgba(28, 28, 28, 0.73) 100%
        );
}
.color-scheme3{
	      --t-button-primary-bg-color: var(--ar-10);
        --t-button-primary-fg-color: var(--ar-60);
        --t-button-primary-border-color: var(--ar-10);
        --t-button-primary-hover-bg-color: rgba(var(--ar-85), 0.2);

        --t-button-secondary-bg-color: transparent;
        --t-button-secondary-fg-color: var(--ar-80);
        --t-button-secondary-border-color: var(--ar-80);
        --t-button-secondary-hover-bg-color: var(--ar-80);
        --t-button-secondary-hover-fg-color: var(--ar-60);
        --t-button-secondary-hover-border-color: var(--ar-80);

        --t-button-tertiary-color: var(--ar-40);
        --t-link-text-color: var(--ar-40);
        --t-link-border-color: var(--ar-40);

        --t-non-interactive-accent-color: var(--ar-10);
        --t-interactive-accent-color: var(--ar-10);
        --t-icon-color-decorative: var(--ar-10);
        --t-accent-color: var(--ar-10);
        --t-horizontal-vertical-rule: var(--ar-10);
        --t-brand-ribbon: transparent;

        --t-logo-bg-color: transparent;
        --t-logo-fg-color: var(--ar-80);

        --t-form-label-color: var(--ar-80);
        --t-form-error-color: var(--alert-10);
        --t-input-fields-fg-color: var(--ar-70);
        --t-input-fields-bg-color: var(--ar-10);

        --t-brand-bg-color: var(--ar-70);
        --t-brand-bg-color-rgb: var(--ar-75);
        --t-brand-fg-color: var(--ar-80);

        --t-brand-bg-gradient-desktop: linear-gradient(
            270deg,
            rgba(255, 255, 255, 0) 0.03%,
            rgba(255, 255, 255, 0.46) 58%,
            rgba(255, 255, 255, 0.54) 100%
        );
        --t-brand-bg-gradient-mobile: linear-gradient(
            180deg,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.73) 100%
        );
}
.color-scheme4{
	   --t-button-primary-bg-color: var(--ar-60);
        --t-button-primary-fg-color: var(--ar-80);
        --t-button-primary-border-color: var(--ar-60);
        --t-button-primary-hover-bg-color: rgba(var(--ar-85), 0.2);

        --t-button-secondary-bg-color: transparent;
        --t-button-secondary-fg-color: var(--ar-60);
        --t-button-secondary-border-color: var(--ar-60);
        --t-button-secondary-hover-bg-color: var(--ar-60);
        --t-button-secondary-hover-fg-color: var(--ar-80);
        --t-button-secondary-hover-border-color: var(--ar-60);

        --t-button-tertiary-color: var(--ar-60);
        --t-link-text-color: var(--ar-60);
        --t-link-border-color: var(--ar-60);

        --t-non-interactive-accent-color: var(--ar-60);
        --t-interactive-accent-color: var(--ar-60);
        --t-icon-color-decorative: var(--ar-60);
        --t-accent-color: var(--ar-60);
        --t-horizontal-vertical-rule: var(--ar-60);
        --t-brand-ribbon: transparent;

        --t-logo-bg-color: transparent;
        --t-logo-fg-color: var(--ar-60);

        --t-form-label-color: var(--ar-60);
        --t-form-error-color: var(--alert-10);
        --t-input-fields-fg-color: var(--ar-10);
        --t-input-fields-bg-color: var(--ar-60);

        --t-brand-bg-color: var(--ar-10);
        --t-brand-bg-color-rgb: var(--ar-15);
        --t-brand-fg-color: var(--ar-60);

        --t-brand-bg-gradient-desktop: linear-gradient(
            270deg,
            rgba(255, 255, 255, 0) 0.03%,
            rgba(255, 255, 255, 0.46) 58%,
            rgba(255, 255, 255, 0.54) 100%
        );
        --t-brand-bg-gradient-mobile: linear-gradient(
            180deg,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.73) 100%
        );
}
.color-scheme5{
	    --t-button-primary-bg-color: var(--ar-10);
        --t-button-primary-fg-color: var(--ar-60);
        --t-button-primary-border-color: var(--ar-10);
        --t-button-primary-hover-bg-color: rgba(var(--ar-85),0.2);

        --t-button-secondary-bg-color: transparent;
        --t-button-secondary-fg-color: var(--ar-80);
        --t-button-secondary-border-color: var(--ar-80);
        --t-button-secondary-hover-bg-color: var(--ar-80);
        --t-button-secondary-hover-fg-color: var(--ar-60);
        --t-button-secondary-hover-border-color: var(--ar-80);

        --t-button-tertiary-color: var(--ar-80);

        --t-link-text-color: var(--ar-80);
        --t-link-border-color: var(--ar-80);

        --t-horizontal-vertical-rule: var(--ar-80);

        --t-non-interactive-accent-color: var(--ar-80);
        --t-interactive-accent-color: var(--ar-80);
        --t-accent-color: var(--ar-80);

        --t-icon-color-decorative: var(--ar-80);
        --t-brand-ribbon: transparent;
        --t-brand-bg-color: var(--ar-50);
        --t-brand-bg-color-rgb: var(--ar-55);
        --t-brand-fg-color: var(--ar-80);

        --t-logo-bg-color: transparent;
        --t-logo-fg-color: var(--ar-80);
        --t-input-fields-fg-color: var(--ar-60);
        --t-input-fields-bg-color: var(--ar-10);

        --t-brand-bg-gradient-desktop: linear-gradient(270deg,rgba(255,255,255,0)0.03%,rgba(255,255,255,0.46)58%,rgba(255,255,255,0.54)100%);
        --t-brand-bg-gradient-mobile: linear-gradient(180deg,rgba(255,255,255,0)0%,rgba(255,255,255,0.73)100%);
}
.color-scheme6{
	      --t-button-primary-bg-color: var(--ar-10);
        --t-button-primary-fg-color: var(--ar-60);
        --t-button-primary-border-color: var(--ar-10);
        --t-button-primary-hover-bg-color: rgba(var(--ar-85), 0.2);

        --t-button-secondary-bg-color: transparent;
        --t-button-secondary-fg-color: var(--ar-80);
        --t-button-secondary-border-color: var(--ar-80);
        --t-button-secondary-hover-bg-color: var(--ar-80);
        --t-button-secondary-hover-fg-color: var(--ar-60);
        --t-button-secondary-hover-border-color: var(--ar-80);

        --t-button-tertiary-color: var(--ar-40);
        --t-link-text-color: var(--ar-40);
        --t-link-border-color: var(--ar-40);

        --t-non-interactive-accent-color: var(--ar-10);
        --t-interactive-accent-color: var(--ar-10);
        --t-icon-color-decorative: var(--ar-10);
        --t-accent-color: var(--ar-10);
        --t-horizontal-vertical-rule: var(--ar-10);
        --t-brand-ribbon: transparent;

        --t-logo-bg-color: transparent;
        --t-logo-fg-color: var(--ar-80);

        --t-form-label-color: var(--ar-80);
        --t-form-error-color: var(--alert-10);
        --t-input-fields-fg-color: var(--ar-70);
        --t-input-fields-bg-color: var(--ar-10);

        --t-brand-bg-color: var(--ar-70);
        --t-brand-bg-color-rgb: var(--ar-75);
        --t-brand-fg-color: var(--ar-80);

        --t-brand-bg-gradient-desktop: linear-gradient(
            270deg,
            rgba(255, 255, 255, 0) 0.03%,
            rgba(255, 255, 255, 0.46) 58%,
            rgba(255, 255, 255, 0.54) 100%
        );
        --t-brand-bg-gradient-mobile: linear-gradient(
            180deg,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.73) 100%
        );
}
.color-scheme7{
	       --t-button-primary-bg-color: var(--ar-10);
        --t-button-primary-fg-color: var(--ar-60);
        --t-button-primary-border-color: var(--ar-10);
        --t-button-primary-hover-bg-color: rgba(var(--ar-80),0.2);

        --t-button-secondary-bg-color: transparent;
        --t-button-secondary-fg-color: var(--ar-80);
        --t-button-secondary-border-color: var(--ar-80);
        --t-button-secondary-hover-bg-color: var(--ar-80);
        --t-button-secondary-hover-fg-color: var(--ar-60);
        --t-button-secondary-hover-border-color: var(--ar-80);

        --t-button-tertiary-color: var(--ar-80);

        --t-link-text-color: var(--ar-80);

        --t-horizontal-vertical-rule: var(--ar-10);

        --t-non-interactive-accent-color: var(--ar-80);
        --t-interactive-accent-color: var(--ar-10);
        --t-accent-color: var(--ar-80);

        --t-icon-color-decorative: var(--ar-80);
        --t-brand-ribbon: transparent;
        --t-brand-bg-color: var(--ar-60);
        --t-brand-bg-color-rgb: var(--ar-65);
        --t-brand-fg-color: var(--ar-80);

        --t-logo-bg-color: transparent;
        --t-logo-fg-color: var(--ar-80);
        --t-input-fields-fg-color: var(--ar-60);
        --t-input-fields-bg-color: var(--ar-10);

        --t-brand-bg-gradient-desktop: linear-gradient(270deg,rgba(255,255,255,0)0.03%,rgba(255,255,255,0.46)58%,rgba(255,255,255,0.54)100%);
        --t-brand-bg-gradient-mobile: linear-gradient(180deg,rgba(255,255,255,0)0%,rgba(255,255,255,0.73)100%);
}