:root {
    --ia-red: #C20000;
    --ia-red-rgb: 194, 0, 0;
    --ia-blue: #08529A;
    --ia-blue-dark: #0E1A45;
    --ia-blue-light: #4AABFF;
    --ia-grey-light: #F1F1E6;
    --ia-yellow: #FFF7D6;

    --primary: rgba(var(--ia-red-rgb), 1);
    --primary-dark: #850101;
    --primary-70: 850101;
    --primary-50: rgba(var(--ia-red-rgb), 0.7);
    --primary-30: rgba(var(--ia-red-rgb), 0.3);
    --primary-10: rgba(var(--ia-red-rgb), 0.1);
    --logo: var(--ia-yellow);
    --sidebar-icon: var(--ia-yellow);
}

.bg-grad-sidebar {
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        from(var(--primary)),
        to(var(--primary-dark))
    );

    background-image: linear-gradient(
        0deg,
        var(--primary),
        var(--primary-dark)
    );
}

.bg-logo {
    background: var(--logo);
}