:root {
    --clr-bg-primary: linear-gradient(90deg, #38004E 0%, #A70082 100%);
    --clr-bg-secondary: linear-gradient(90deg, #D90958 0%, #3627CB 100%);
    --clr-bg-tertiary: linear-gradient(90deg, #FF7200 0%, #FF007E 100%);
    --clr-bg-quaternary: linear-gradient(90deg, #D41A5D 0%, #FFA332 100%);
    --clr-bg-quinary: linear-gradient(90deg, #38004E 0%, #A70082 100%);
    --clr-bg-senary: linear-gradient(90deg, #FC9D81 0%, #D50656 100%);
    --clr-bg-septary: linear-gradient(90deg, #FB8986 0%, #FB0803 100%);
    --clr-bg-octonary: linear-gradient(90deg, #38004E 0%, #A70082 100%);
    --clr-bg-neutral: #7D7D7D;
    --clr-bg-transparent: rgba(53, 53, 53, 0.5);
    --clr-bg-accent: #E9242B;
    --clr-bg-white: #FFFFFF;
    --clr-bg-swimlane: #2A2E36;
    --clr-bg-black: #121212;
    --clr-bg-solid-primary: linear-gradient(90deg, #3627CB 0%, #D90958 100%);
    --clr-bg-brand-primary-200: #F8A6A8;
    --clr-bg-brand-primary-700: #920B11;
    --clr-bg-button-primary: linear-gradient(90deg, #3627CB 0%, #D90958 100%);
    --clr-bg-solid-dark: #38004E;
    --clr-text-white: #FFFFFF;
    --clr-text-neutral: #7D7D7D;
    --clr-text-neutral-700: #121212;
    --clr-text-neutral-600: #2B2B2B;
    --clr-text-neutral-500: #3C3C3C;
    --clr-text-neutral-head-500: #353535;
    --clr-text-neutral-head-600: #121212;
    --clr-text-accent: #E9242B;
    --clr-text-black: #000000;
    --clr-text-brand-primary-600: #C11116;
    --clr-text-brand-primary: #0038A8;
    --clr-border-brand: #F0484D;
    --clr-border-brand-primary: #A70082;
    --clr-border-brand-primary-500: #E9242B;
    --clr-border-neutral: #7D7D7D;
    --clr-border-white: #FFFFFF;
    --clr-hover-quaternary: radial-gradient(circle, #D41A5D, #FFA332 70%);
    --img-bundle-bg: url("../images/cignal-super/bundles/cignal-super-bundle-cover.png");
    --fill-list-icon: inherit;
    --width-shorts-logo: 384px;
}


/*Backgrounds*/

.bg-1 {
    background-image: url("../images/cignal-super/backgrounds/bg-1.svg");
    background-position: center 40%;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.bg-2 {
    background-image: url(../images/cignal-super/backgrounds/bg-2.svg);
    background-position: 46% 50%;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: auto 150%;
}

.bg-3 {
    background-image: var(--clr-bg-octonary), url(../images/cignal-super/backgrounds/bg-3.svg);
    background-position: 30% 75%;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-blend-mode: overlay;
}

.bg-4 {
    background-image: url(../images/cignal-super/backgrounds/bg-2.svg);
    background-position: 43% 50%;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: auto 150%;
}