:root{
	--wh-10: #de0094;
    --wh-15: 222, 0, 148;
    --wh-20: #d4008d;
    --wh-25: 212, 0, 141;
    --wh-30: #ff06ac;
    --wh-35: 255, 6, 172;
    --wh-40: #ffffff;
    --wh-45: 255, 255, 255;
    --wh-50: #f4f4f4;
    --wh-55: 244, 244, 244;
    --wh-60: #1c1c1c;
    --wh-65: 28, 28, 28;
    --wh-70: #f2f0e4;
    --wh-75: 242, 240, 228;
    --wh-80: #da5098;
    --wh-90: #000000;
    --wh-95: 0, 0, 0;
    --alert-10: #d0021b;
    --alert-30: #ff6868;
	--t-font-family: WSupremeMedium;
    --t-title-font-family: WSupremeSemibold;
    --t-title-l-font-weight: 700;
    --t-title-l-letter-space: normal;
    --t-title-l-font-style: normal;
    --t-title-l-text-transform: uppercase;
    --t-title-l-font-size-viewport-xs: 1.875rem;
    --t-title-l-line-height-viewport-xs: 2rem;
    --t-title-l-font-size-viewport-m: 2.5rem;
    --t-title-l-line-height-viewport-m: 2.75rem;
    --t-title-l-font-size-viewport-l: 3.75rem;
    --t-title-l-line-height-viewport-l: 4rem;
    --t-title-m-font-size-viewport-l: 2.5rem;
    --t-title-m-line-height-viewport-l: 2.75rem;
    --t-title-m-font-weight: 700;
    --t-title-m-letter-space: normal;
    --t-title-m-font-style: normal;
    --t-title-m-text-transform: uppercase;
    --t-title-m-font-size-viewport-xs: 1.875rem;
    --t-title-m-line-height-viewport-xs: 2rem;
    --t-title-s-font-size-viewport-l: 1.875rem;
    --t-title-s-line-height-viewport-l: 2.8125rem;
    --t-title-s-font-weight: 700;
    --t-title-s-letter-space: normal;
    --t-title-s-font-style: normal;
    --t-title-s-text-transform: uppercase;
    --t-title-s-font-size-viewport-xs: 1.375rem;
    --t-title-s-line-height-viewport-xs: 2.0625rem;
    --t-subtitle-xl-font-size-viewport-l: 1.375rem;
    --t-subtitle-xl-font-weight: 700;
    --t-subtitle-xl-line-height-viewport-l: 2.0625rem;
    --t-subtitle-xl-letter-space: normal;
    --t-subtitle-xl-font-style: normal;
    --t-subtitle-xl-text-transform: uppercase;
    --t-subtitle-xl-font-size-viewport-xs: 1.375rem;
    --t-subtitle-xl-line-height-viewport-xs: 2.0625rem;
    --t-buttons-border-radius: 20px;
    --t-images-border-radius: 14px;
    --t-cards-border-radius: 14px;
    --t-logo-size-s: 3.275rem;
    --t-logo-size-m: 3.275rem;
    --t-logo-size-l: 5.305rem;
	--t-button-primary-bg-color: var(--wh-90);
    --t-button-primary-fg-color: var(--wh-40);
    --t-button-primary-border-color: var(--wh-90);
    --t-button-primary-hover-bg-color: rgba(var(--wh-45), 0.2);
    --t-button-secondary-bg-color: transparent;
    --t-button-secondary-fg-color: var(--wh-90);
    --t-button-secondary-border-color: var(--wh-90);
    --t-button-secondary-hover-bg-color: var(--wh-90);
    --t-button-secondary-hover-fg-color: var(--wh-40);
    --t-button-secondary-hover-border-color: var(--wh-90);
    --t-button-tertiary-color: var(--wh-90);
    --t-link-text-color: var(--wh-90);
    --t-link-border-color: var(--wh-90);
    --t-non-interactive-accent-color: var(--wh-80);
    --t-interactive-accent-color: var(--wh-80);
    --t-icon-color-decorative: var(--wh-80);
    --t-accent-color: var(--wh-80);
    --t-brand-ribbon: transparent;
    --t-brand-bg-color: var(--wh-40);
    --t-brand-bg-color-rgb: var(--wh-45);
    --t-brand-fg-color: var(--wh-90);
    --t-logo-bg-color: transparent;
    --t-logo-fg-color: var(--wh-90);
    --t-form-label-color: var(--wh-90);
    --t-form-error-color: var(--alert-10);
    --t-input-fields-fg-color: var(--wh-40);
    --t-input-fields-bg-color: var(--wh-90);
    --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(--wh-90);
    --t-button-primary-fg-color: var(--wh-40);
    --t-button-primary-border-color: var(--wh-90);
    --t-button-primary-hover-bg-color: rgba(var(--wh-45), 0.2);
    --t-button-secondary-bg-color: transparent;
    --t-button-secondary-fg-color: var(--wh-90);
    --t-button-secondary-border-color: var(--wh-90);
    --t-button-secondary-hover-bg-color: var(--wh-90);
    --t-button-secondary-hover-fg-color: var(--wh-40);
    --t-button-secondary-hover-border-color: var(--wh-90);
    --t-button-tertiary-color: var(--wh-90);
    --t-link-text-color: var(--wh-90);
    --t-link-border-color: var(--wh-90);
    --t-non-interactive-accent-color: var(--wh-80);
    --t-interactive-accent-color: var(--wh-80);
    --t-icon-color-decorative: var(--wh-80);
    --t-accent-color: var(--wh-80);
    --t-brand-ribbon: transparent;
    --t-brand-bg-color: var(--wh-40);
    --t-brand-bg-color-rgb: var(--wh-45);
    --t-brand-fg-color: var(--wh-90);
    --t-logo-bg-color: transparent;
    --t-logo-fg-color: var(--wh-90);
    --t-form-label-color: var(--wh-90);
    --t-form-error-color: var(--alert-10);
    --t-input-fields-fg-color: var(--wh-40);
    --t-input-fields-bg-color: var(--wh-90);
    --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(--wh-70);
    --t-button-primary-fg-color: var(--wh-60);
    --t-button-primary-border-color: var(--wh-60);
    --t-button-primary-hover-bg-color: rgba(var(--wh-65), 0.2);
    --t-button-secondary-bg-color: transparent;
    --t-button-secondary-fg-color: var(--wh-70);
    --t-button-secondary-border-color: var(--wh-70);
    --t-button-secondary-hover-bg-color: var(--wh-70);
    --t-button-secondary-hover-fg-color: var(--wh-60);
    --t-button-secondary-hover-border-color: var(--wh-70);
    --t-button-tertiary-color: var(--wh-70);
    --t-link-text-color: var(--wh-70);
    --t-link-border-color: var(--wh-70);
    --t-non-interactive-accent-color: var(--wh-80);
    --t-interactive-accent-color: var(--wh-80);
    --t-icon-color-decorative: var(--wh-80);
    --t-accent-color: var(--wh-80);
    --t-horizontal-vertical-rule: var(--wh-70);
    --t-brand-ribbon: transparent;
    --t-brand-bg-color: var(--wh-60);
    --t-brand-bg-color-rgb: var(--wh-65);
    --t-brand-fg-color: var(--wh-40);
    --t-logo-bg-color: transparent;
    --t-logo-fg-color: var(--wh-40);
    --t-form-label-color: var(--wh-80);
    --t-form-error-color: var(--alert-30);
    --t-input-fields-fg-color: var(--wh-40);
    --t-input-fields-bg-color: var(--wh-80);
    --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(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.73) 100%);
}
.color-scheme3{
	--t-button-primary-bg-color: var(--wh-90);
    --t-button-primary-fg-color: var(--wh-40);
    --t-button-primary-border-color: var(--wh-90);
    --t-button-primary-hover-bg-color: rgba(var(--wh-45), 0.2);
    --t-button-secondary-bg-color: transparent;
    --t-button-secondary-fg-color: var(--wh-60);
    --t-button-secondary-border-color: var(--wh-60);
    --t-button-secondary-hover-bg-color: var(--wh-60);
    --t-button-secondary-hover-fg-color: var(--wh-40);
    --t-button-secondary-hover-border-color: var(--wh-60);
    --t-button-tertiary-color: var(--wh-90);
    --t-link-text-color: var(--wh-90);
    --t-link-border-color: var(--wh-90);
    --t-non-interactive-accent-color: var(--wh-80);
    --t-interactive-accent-color: var(--wh-80);
    --t-icon-color-decorative: var(--wh-90);
    --t-accent-color: var(--wh-80);
    --t-brand-ribbon: transparent;
    --t-brand-bg-color: var(--wh-50);
    --t-brand-bg-color-rgb: var(--wh-55);
    --t-brand-fg-color: var(--wh-60);
    --t-logo-bg-color: transparent;
    --t-logo-fg-color: var(--wh-60);
    --t-form-label-color: var(--wh-60);
    --t-form-error-color: var(--alert-10);
    --t-input-fields-fg-color: var(--wh-40);
    --t-input-fields-bg-color: var(--wh-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-scheme4{
	--t-button-primary-bg-color: var(--wh-90);
    --t-button-primary-fg-color: var(--wh-40);
    --t-button-primary-border-color: var(--wh-90);
    --t-button-primary-hover-bg-color: rgba(var(--wh-45), 0.2);
    --t-button-secondary-bg-color: transparent;
    --t-button-secondary-fg-color: var(--wh-60);
    --t-button-secondary-border-color: var(--wh-60);
    --t-button-secondary-hover-bg-color: var(--wh-60);
    --t-button-secondary-hover-fg-color: var(--wh-40);
    --t-button-secondary-hover-border-color: var(--wh-60);
    --t-button-tertiary-color: var(--wh-90);
    --t-link-text-color: var(--wh-90);
    --t-link-border-color: var(--wh-90);
    --t-non-interactive-accent-color: var(--wh-80);
    --t-interactive-accent-color: var(--wh-80);
    --t-icon-color-decorative: var(--wh-80);
    --t-accent-color: var(--wh-80);
    --t-horizontal-vertical-rule: var(--wh-90);
    --t-brand-ribbon: transparent;
    --t-brand-bg-color: var(--wh-70);
    --t-brand-bg-color-rgb: var(--wh-75);
    --t-brand-fg-color: var(--wh-60);
    --t-logo-bg-color: transparent;
    --t-logo-fg-color: var(--wh-60);
    --t-form-label-color: var(--wh-60);
    --t-form-error-color: var(--alert-30);
    --t-input-fields-fg-color: var(--wh-40);
    --t-input-fields-bg-color: var(--wh-80);
    --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(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.73) 100%);
}
.color-scheme5{
	--t-button-primary-bg-color: var(--wh-70);
    --t-button-primary-fg-color: var(--wh-60);
    --t-button-primary-border-color: var(--wh-60);
    --t-button-primary-hover-bg-color: rgba(var(--wh-65), 0.2);
    --t-button-secondary-bg-color: transparent;
    --t-button-secondary-fg-color: var(--wh-70);
    --t-button-secondary-border-color: var(--wh-70);
    --t-button-secondary-hover-bg-color: var(--wh-70);
    --t-button-secondary-hover-fg-color: var(--wh-60);
    --t-button-secondary-hover-border-color: var(--wh-70);
    --t-button-tertiary-color: var(--wh-70);
    --t-link-text-color: var(--wh-70);
    --t-link-border-color: var(--wh-70);
    --t-non-interactive-accent-color: var(--wh-80);
    --t-interactive-accent-color: var(--wh-80);
    --t-icon-color-decorative: var(--wh-80);
    --t-accent-color: var(--wh-80);
    --t-horizontal-vertical-rule: var(--wh-70);
    --t-brand-ribbon: transparent;
    --t-brand-bg-color: var(--wh-90);
    --t-brand-bg-color-rgb: var(--wh-95);
    --t-brand-fg-color: var(--wh-70);
    --t-logo-bg-color: transparent;
    --t-logo-fg-color: var(--wh-70);
    --t-form-label-color: var(--wh-70);
    --t-form-error-color: var(--alert-30);
    --t-input-fields-fg-color: var(--wh-40);
    --t-input-fields-bg-color: var(--wh-80);
    --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(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.73) 100%);
}
.color-scheme6{
	--t-button-primary-bg-color: var(--wh-90);
    --t-button-primary-fg-color: var(--wh-40);
    --t-button-primary-border-color: var(--wh-90);
    --t-button-primary-hover-bg-color: rgba(var(--wh-45), 0.2);
    --t-button-secondary-bg-color: transparent;
    --t-button-secondary-fg-color: var(--wh-90);
    --t-button-secondary-border-color: var(--wh-90);
    --t-button-secondary-hover-bg-color: var(--wh-90);
    --t-button-secondary-hover-fg-color: var(--wh-40);
    --t-button-secondary-hover-border-color: var(--wh-90);
    --t-button-tertiary-color: var(--wh-90);
    --t-link-text-color: var(--wh-90);
    --t-link-border-color: var(--wh-90);
    --t-non-interactive-accent-color: var(--wh-80);
    --t-interactive-accent-color: var(--wh-80);
    --t-icon-color-decorative: var(--wh-80);
    --t-accent-color: var(--wh-80);
    --t-brand-ribbon: transparent;
    --t-brand-bg-color: var(--wh-40);
    --t-brand-bg-color-rgb: var(--wh-45);
    --t-brand-fg-color: var(--wh-90);
    --t-logo-bg-color: transparent;
    --t-logo-fg-color: var(--wh-90);
    --t-form-label-color: var(--wh-90);
    --t-form-error-color: var(--alert-10);
    --t-input-fields-fg-color: var(--wh-40);
    --t-input-fields-bg-color: var(--wh-90);
    --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(--wh-60);
    --t-button-primary-fg-color: var(--wh-40);
    --t-button-primary-border-color: var(--wh-60);
    --t-button-primary-hover-bg-color: rgba(var(--wh-45), 0.2);
    --t-button-secondary-bg-color: transparent;
    --t-button-secondary-fg-color: var(--wh-60);
    --t-button-secondary-border-color: var(--wh-60);
    --t-button-secondary-hover-bg-color: var(--wh-60);
    --t-button-secondary-hover-fg-color: var(--wh-40);
    --t-button-secondary-hover-border-color: var(--wh-60);
    --t-button-tertiary-color: var(--wh-60);
    --t-link-text-color: var(--wh-60);
    --t-horizontal-vertical-rule: var(--wh-60);
    --t-non-interactive-accent-color: var(--wh-60);
    --t-interactive-accent-color: var(--wh-80);
    --t-accent-color: var(--wh-60);
    --t-icon-color-decorative: var(--wh-60);
    --t-brand-ribbon: transparent;
    --t-brand-bg-color: var(--wh-40);
    --t-brand-bg-color-rgb: var(--wh-45);
    --t-brand-fg-color: var(--wh-60);
    --t-logo-bg-color: transparent;
    --t-logo-fg-color: var(--wh-90);
    --t-input-fields-fg-color: var(--wh-40);
    --t-input-fields-bg-color: var(--wh-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%);
}
