@import url(app.css);

:root {
    --clr-bg-primary: linear-gradient(90deg, #FF7200 0%, #FF007E 100%);
    --clr-bg-secondary: linear-gradient(90deg, #D90958 0%, #3627CB 100%);
    --clr-bg-tertiary: linear-gradient(90deg, #FD9100 0%, #F83947 100%);
    --clr-bg-quaternary: linear-gradient(90deg, #F83947 0%, #FD9100 100%);
    --clr-bg-quinary: linear-gradient(90deg, #FB0803 0%, #FB8986 100%);
    --clr-bg-senary: linear-gradient(90deg, #FC9D81 0%, #D50656 100%);
    --clr-bg-septary: linear-gradient(90deg, #F8A6A8 0%, #E20011 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: #FF0013;
    --clr-bg-white: #FFFFFF;
    --clr-bg-swimlane: #2A2E36;
    --clr-bg-black: #121212;
    --clr-bg-solid-primary: linear-gradient(90deg, #FB0803 0%, #FB8986 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-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: #FF0013;
    --clr-text-black: #000000;
    --clr-text-brand-primary-600: #E20011;
    --clr-text-brand-primary: #0038A8;
    --clr-border-brand: #F83947;
    --clr-border-brand-primary: #920B11;
    --clr-border-brand-primary-500: #FF0013;
    --clr-border-neutral: #7D7D7D;
    --clr-border-white: #FFFFFF;
    --clr-border-solid: #38004E;
    --clr-hover-quaternary: radial-gradient(circle, #D41A5D, #FFA332 70%);
    --img-bundle-bg: url("../../images/cignal-play/bundles/cignal-play-bundle-bg.png");
    --fill-list-icon: inherit;
    --width-shorts-logo: 384px;
}


/*Backgrounds*/

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

.bg-2 {
    background-image: url("../../images/cignal-play/backgrounds/bg-2-v2.svg");
    background-position: 35% 35%;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.bg-3 {
    background-image: url("../../images/cignal-play/backgrounds/bg-3-v2.svg");
    background-position: 40% 50%;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.bg-4 {
    background-image: url("../../images/cignal-play/backgrounds/bg-4-v2.svg");
    background-position: 15% 72%;
    background-repeat: no-repeat;
    background-attachment: scroll;
}