/* https://htmlcolorcodes.com/color-picker/ 
    primary-hover  -> Segunda TINTA
    primary-active -> Cuarta  TINTA

    svg-bg (Tercera SOMBRA) -> #8e060f - #10385C - #8e060f
*/

:root {
    --primary-base-rgb: 228, 9, 24;
    --primary-hover-rgb: 235, 71, 82;
    --primary-active-rgb: 241, 131, 139;
    --primary-disabled-rgb: 233, 233, 233;
    --primary-base: #E40918;
    --primary-hover: #EB4752;
    --primary-active: #F1848B;
    --primary-disabled: #DFDFDF;
    --primary-text-base: #FFF;
    --primary-text-navigation: #FFF;
    --primary-text-hover: #FFF;
    --primary-text-active: #FFF;
    --primary-text-disabled: #FFF;
    --primary-border-base: #E40918;
    --primary-border-hover: #EB4752;
    --primary-border-active: #F1848B;
    --primary-border-disabled: #DFDFDF;
    --bs-bg-opacity: 1;
    --bs-nav-link-color: var(--primary-base);
    --primary-base-50-alpha: #E4091880;
}

.bg-svg {
    background-size: 100vw;
    background-repeat: no-repeat;
    background-image: url('../svg/voltamper-bg.svg');
    box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.bg-svg-alt {
    background-size: 100vw;
    background-repeat: no-repeat;
    background-image: url('../svg/voltamper-bg-alt.svg');
    box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}