@font-face { font-family: 'Mulish'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/mulish-v18-latin-regular.woff2') format('woff2'); } @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 500; font-display: swap; src: url('fonts/mulish-v18-latin-500.woff2') format('woff2'); } @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 600; font-display: swap; src: url('fonts/mulish-v18-latin-600.woff2') format('woff2'); } @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 700; font-display: swap; src: url('fonts/mulish-v18-latin-700.woff2') format('woff2'); } html, body { font-family: 'Nunito', 'Mulish', 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0; } /* ============================================================ Redesign design tokens — mirror of design_handoff_dashboard/app/theme.css. Dark is the default; [data-theme="light"] is set on by the anti-flash script in App.razor and kept in sync by MainLayout's theme toggle. The key colours are also mirrored into MudTheme so MudBlazor components inherit them. ============================================================ */ :root, [data-theme="dark"] { /* Active nav/tab text. Lives here rather than being interpolated into a