﻿:root {
    --clr-bg-primary: linear-gradient(90deg, #3627CB 0%, #D90958 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, #0038A8 0%, #9747FF 100%);
    --clr-bg-senary: linear-gradient(90deg, #FC9D81 0%, #D50656 100%);
    --clr-bg-septary: linear-gradient(90deg, #FB8986 0%, #FB0803 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: #0038A8;
    --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: #E9242B;
    --clr-text-black: #000000;
    --clr-text-brand-primary-600: #C11116;
    --clr-text-brand-primary: #0038A8;
    --clr-border-brand: #F0484D;
    --clr-border-brand-primary: #0038A8;
    --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/pilipinas-live/bundles/pilipinas-live-bundle-bg.png");
    --fill-list-icon: inherit;
    --width-shorts-logo: 310px;
}

/*Backgrounds*/

.bg-1 {
    background-image: url("../images/pilipinas-live/backgrounds/pilipinas-live-bg-1.svg");
    background-position: center 40%;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.bg-2 {
    background-image: url("../images/pilipinas-live/backgrounds/pilipinas-live-bg-2.svg");
    background-position: 20% 40%;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.bg-3 {
    background-image: url("../images/pilipinas-live/backgrounds/pilipinas-live-bg-3.svg");
    background-position: 40% 30%;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.bg-4 {
    background-image: url("../images/pilipinas-live/backgrounds/pilipinas-live-bg-4.svg");
    background-position: 15% 30%;
    background-repeat: no-repeat;
    background-attachment: scroll;
}