@using WebAssembly.Portals
<Router AppAssembly="@typeof(App).Assembly" NotFoundPage="typeof(Pages.NotFound)">
    <Found Context="routeData">
        <RouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)"/>
        <FocusOnNavigate RouteData="@routeData" Selector="h1"/>
    </Found>
</Router>

<ToastPortal/>
<ConfirmationDialogPortal/>
<TechStackPortal/>


<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>