/*
    Application-wide styling. Anything belonging to one page or component lives in a <style> block in that
    .razor file - this is for what MudBlazor renders outside all of them.
*/

/*
    The app bar is translucent (AppbarBackground in MainLayout.razor.cs) and blurs what passes behind it.
    The palette can only carry the colour, so the blur belongs here. -webkit- prefix for Safari.
*/
.mud-appbar {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/* MatAlytics brand colours. Mirrors BrandColours in BrandPalette.cs - change both together. */
:root {
    --ma-green: #7ED321;
    --ma-green-dim: #3A5C18;
    --ma-graphite: #3A3A3A;
    --ma-mid-grey: #7A7A7A;
    --ma-light-bg: #F4F4F4;
    --ma-white: #FFFFFF;
    --ma-dark-bg: #1A1F1C;
    --ma-dark-card: #252B26;
    --ma-divider: #E0E0E0;
    --ma-red: #D94F3B;
    --ma-blue: #4A90C4;
}