@inject HttpClient httpClient
@inject IVariableService variableService

<Router AppAssembly="@typeof(App).Assembly">
    <Found Context="routeData">
        @if (isLoaded)
        {
            <RouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)"/>
            <FocusOnNavigate RouteData="@routeData" Selector="h1"/>
        }
    </Found>
    <NotFound>
        <PageTitle>Not found</PageTitle>
        <LayoutView Layout="@typeof(MainLayout)">
            <p role="alert">Sorry, there's nothing at this address.</p>
        </LayoutView>
    </NotFound>
</Router>

<EntityDialogPortal/>
<ToastPortal/>
<SearchPortal/>


<style>
    a {
        color: white;
        font-weight: 700;
    }

        a:hover {
            color: white;
            text-decoration: underline;
            text-decoration-color: #8fc5ff;
            text-decoration-thickness: 3px;
        }
        
        
:root {
    --severity-warning-color: #2a2000;
    --severity-warning-border-color: #755c13; 
    --severity-error-color: #290102;
    --severity-error-border-color: #4C2C33; 
    --severity-information-color: #030129;
    --severity-information-border-color: #2c3a4c; 
    --severity-success-color: #042901;
    --severity-success-border-color: #2E4C2C; 

    --accent: #432462;
    --primary: #4308a3;
    --primary-border: #2c0b62;
    --primary-hover: #5e00f7;
    --primary-border-hover: #a168ff;
    --background: #161618;
    --secondary: #23133e;
    --secondary-hover: #2a0070;
    --secondary-border-hover: #a168ff;
    --paper: #252526;
    --paper-border: #151516;
    
    --paper-hover: #52366f;
    --paper-border-hover: #653497;
    
    --info: #451376;
    --info-border: #210b36;

    --dialog-border-color: black;
    --dialog-border-width: 2px;
    --dialog-radius: 6px;
}

</style>

@code {
    private bool isLoaded = false;
    
    protected override async Task OnInitializedAsync()
    {
        await variableService.Load();
        isLoaded = true;
        StateHasChanged();
    }

}