:root {
    --primary: #005ca2; /* Blue */
    --primary-dark: #004c86;
    --primary-light: #258ede;
    --primary-hover: var(--secondary);
    --primary-rgb: 0,92,162;
    --primary-dark-rgb: 0,76,134;
    --primary-light-rgb: 37,142,222;
    --secondary: #ef3f42; /* Red */
    --secondary-rgb: 239, 63, 66;
    --font: #000;
    --menu-bg: #FFF;
    --header-icons: var(--primary);
    /* Alternate Colors for Front Page icons */
    --alt-color-1: var(--primary);
    --alt-color-2: var(--secondary);
    --alt-color-3: var(--secondary);
    --alt-color-4: var(--primary);
}


@keyframes pulse {
    0% {
        -moz-box-shadow: 0px 0px 0px 0px rgba(var(--secondary-rgb), 0.6);
        box-shadow: 0px 0px 0px 0px rgba(var(--secondary-rgb), 1);
    }

    70% {
        -moz-box-shadow: 0px 0px 0px 10px rgba(var(--secondary-rgb), 0.01);
        box-shadow: 0px 0px 0px 10px rgba(var(--secondary-rgb), 0.01);
    }

    100% {
        -moz-box-shadow: 0px 0px 0px 10px rgba(var(--secondary-rgb), 0);
        box-shadow: 0px 0px 0px 10px rgba(var(--secondary-rgb), 0);
    }
}