:root{
	    --ts-10: #d42228;
    --ts-15: 212, 34, 40;
    --ts-20: #666666;
    --ts-25: 102, 102, 102;
    --ts-30: #ffffff;
    --ts-35: 255, 255, 255;
    --ts-40: #f4f4f4;
    --ts-45: 244, 244, 244;
    --ts-50: #1c1c1c;
    --ts-55: 28, 28, 28;

    --alert-10: #d0021b;
    --alert-30: #ff6868;

	    --t-font-family: HumeGeometricSans;
    --t-title-font-family: HumeGeometricSans;

    --t-title-l-font-weight: 600;
    --t-title-l-letter-space: normal;
    --t-title-l-font-style: normal;
    --t-title-l-text-transform: none;
    --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: 600;
    --t-title-m-letter-space: normal;
    --t-title-m-font-style: normal;
    --t-title-m-text-transform: none;
    --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: 600;
    --t-title-s-letter-space: normal;
    --t-title-s-font-style: normal;
    --t-title-s-text-transform: none;
    --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: 600;
    --t-subtitle-xl-line-height-viewport-l: 1.71875rem;
    --t-subtitle-xl-letter-space: normal;
    --t-subtitle-xl-font-style: normal;
    --t-subtitle-xl-text-transform: none;
    --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: 2.575rem;
    --t-logo-size-m: 3.39rem;
    --t-logo-size-l: 5.067rem;
	  --t-button-primary-bg-color: var(--ts-20);
        --t-button-primary-fg-color: var(--ts-30);
        --t-button-primary-border-color: var(--ts-20);
        --t-button-primary-hover-bg-color: rgba(var(--ts-55), 0.2);

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

        --t-button-tertiary-color: var(--ts-10);
        --t-link-text-color: var(--ts-10);
        --t-link-border-color: var(--ts-10);

        --t-non-interactive-accent-color: var(--ts-10);
        --t-interactive-accent-color: var(--ts-10);
        --t-icon-color-decorative: var(--ts-10);
        --t-accent-color: var(--ts-10);
        
        --t-brand-ribbon: transparent;

        --t-brand-bg-color: var(--ts-30);
        --t-brand-bg-color-rgb: var(--ts-35);
        --t-brand-fg-color: var(--ts-50);

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

        --t-form-label-color: var(--ts-50);
        --t-form-error-color: var(--alert-10);
        --t-input-fields-fg-color: var(--ts-30);
        --t-input-fields-bg-color: var(--ts-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-scheme1{
	  --t-button-primary-bg-color: var(--ts-20);
        --t-button-primary-fg-color: var(--ts-30);
        --t-button-primary-border-color: var(--ts-20);
        --t-button-primary-hover-bg-color: rgba(var(--ts-55), 0.2);

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

        --t-button-tertiary-color: var(--ts-10);
        --t-link-text-color: var(--ts-10);
        --t-link-border-color: var(--ts-10);

        --t-non-interactive-accent-color: var(--ts-10);
        --t-interactive-accent-color: var(--ts-10);
        --t-icon-color-decorative: var(--ts-10);
        --t-accent-color: var(--ts-10);
        
        --t-brand-ribbon: transparent;

        --t-brand-bg-color: var(--ts-30);
        --t-brand-bg-color-rgb: var(--ts-35);
        --t-brand-fg-color: var(--ts-50);

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

        --t-form-label-color: var(--ts-50);
        --t-form-error-color: var(--alert-10);
        --t-input-fields-fg-color: var(--ts-30);
        --t-input-fields-bg-color: var(--ts-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-scheme2{
	      --t-button-primary-bg-color: var(--ts-30);
        --t-button-primary-fg-color: var(--ts-50);
        --t-button-primary-border-color: var(--ts-30);
        --t-button-primary-hover-bg-color: rgba(var(--ts-55), 0.2);

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

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

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

        --t-brand-fg-color: var(--ts-30);
        --t-brand-bg-color: var(--ts-50);
        --t-brand-bg-color-rgb: var(--ts-55);

        --t-logo-bg-color: transparent;
        --t-logo-fg-color: var(--ts-30);

        
        --t-form-label-color: var(--ts-30);
        --t-form-error-color: var(--alert-10);
        --t-input-fields-fg-color: var(--ts-50);
        --t-input-fields-bg-color: var(--ts-30);

        --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-scheme3{
	     --t-button-primary-bg-color: var(--ts-20);
        --t-button-primary-fg-color: var(--ts-30);
        --t-button-primary-border-color: var(--ts-20);
        --t-button-primary-hover-bg-color: rgba(var(--ts-55), 0.2);

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

        --t-button-tertiary-color: var(--ts-10);
        --t-link-text-color: var(--ts-10);
        --t-link-border-color: var(--ts-10);

        --t-non-interactive-accent-color: var(--ts-10);
        --t-interactive-accent-color: var(--ts-10);
        --t-icon-color-decorative: var(--ts-10);
        --t-accent-color: var(--ts-10);
        
        --t-brand-ribbon: transparent;

        --t-brand-bg-color: var(--ts-40);
        --t-brand-bg-color-rgb: var(--ts-45);
        --t-brand-fg-color: var(--ts-50);

        --t-logo-bg-color: transparent;
        --t-logo-fg-color: var(--ts-50);

        --t-form-label-color: var(--ts-50);
        --t-form-error-color: var(--alert-10);
        --t-input-fields-fg-color: var(--ts-30);
        --t-input-fields-bg-color: var(--ts-10);

        --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-scheme4{
	     --t-button-primary-bg-color: var(--ts-30);
        --t-button-primary-fg-color: var(--ts-50);
        --t-button-primary-border-color: var(--ts-30);
        --t-button-primary-hover-bg-color: rgba(var(--ts-55), 0.2);

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

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

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

        --t-brand-bg-color: var(--ts-10);
        --t-brand-bg-color-rgb: var(--ts-15);
        --t-brand-fg-color: var(--ts-30);

        --t-logo-bg-color: transparent;
        --t-logo-fg-color: var(--ts-30);

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

        --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-scheme5{
	       --t-button-primary-bg-color: var(--ts-30);
        --t-button-primary-fg-color: var(--ts-50);
        --t-button-primary-border-color: var(--ts-30);;
        --t-button-primary-hover-bg-color: rgba(var(--ts-55),0.2);

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

        --t-button-tertiary-color: var(--ts-30);

        --t-link-text-color: var(--ts-30);
        --t-link-border-color: var(--ts-30);

        --t-horizontal-vertical-rule: var(--ts-30);

        --t-non-interactive-accent-color: var(--ts-30);
        --t-interactive-accent-color: var(--ts-30);
        --t-accent-color: var(--ts-30);

        --t-icon-color-decorative: var(--ts-30);
        --t-brand-ribbon: transparent;
        --t-brand-bg-color: var(--ts-20);
        --t-brand-bg-color-rgb: var(--ts-25);
        --t-brand-fg-color: var(--ts-30);

        --t-logo-bg-color: transparent;
        --t-logo-fg-color: var(--ts-30);
        --t-input-fields-fg-color: var(--ts-30);
        --t-input-fields-bg-color: var(--ts-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(--ts-20);
        --t-button-primary-fg-color: var(--ts-30);
        --t-button-primary-border-color: var(--ts-20);
        --t-button-primary-hover-bg-color: rgba(var(--ts-55), 0.2);

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

        --t-button-tertiary-color: var(--ts-10);
        --t-link-text-color: var(--ts-10);
        --t-link-border-color: var(--ts-10);

        --t-non-interactive-accent-color: var(--ts-10);
        --t-interactive-accent-color: var(--ts-10);
        --t-icon-color-decorative: var(--ts-10);
        --t-accent-color: var(--ts-10);
        
        --t-brand-ribbon: transparent;

        --t-brand-bg-color: var(--ts-40);
        --t-brand-bg-color-rgb: var(--ts-45);
        --t-brand-fg-color: var(--ts-50);

        --t-logo-bg-color: transparent;
        --t-logo-fg-color: var(--ts-50);

        --t-form-label-color: var(--ts-50);
        --t-form-error-color: var(--alert-10);
        --t-input-fields-fg-color: var(--ts-30);
        --t-input-fields-bg-color: var(--ts-10);

        --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-scheme7{
	     --t-button-primary-bg-color: var(--ts-30);
        --t-button-primary-fg-color: var(--ts-50);
        --t-button-primary-border-color: var(--ts-30);
        --t-button-primary-hover-bg-color: rgba(var(--ts-55),0.2);

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

        --t-button-tertiary-color: var(--ts-30);

        --t-link-text-color: var(--ts-30);

        --t-horizontal-vertical-rule: var(--ts-30);

        --t-non-interactive-accent-color: var(--ts-30);
        --t-interactive-accent-color: var(--ts-30);
        --t-accent-color: var(--ts-30);

        --t-icon-color-decorative: var(--ts-30);
        --t-brand-ribbon: transparent;
        --t-brand-bg-color: var(--ts-10);
        --t-brand-bg-color-rgb: var(--ts-15);
        --t-brand-fg-color: var(--ts-30);

        --t-logo-bg-color: transparent;
        --t-logo-fg-color: var(--ts-30);
        --t-input-fields-fg-color: var(--ts-30);
        --t-input-fields-bg-color: var(--ts-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%);


}