@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600&display=swap');

html,
body,
.mud-typography,
.mud-button-root,
.mud-input-control {
    font-family: var(--font-body);
}

body {
    background: var(--bg-primary);
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(circle at 16% 18%, var(--glow-primary), transparent 36%),
        radial-gradient(circle at 84% 10%, var(--glow-secondary), transparent 30%),
        linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-gradient-end) 100%);
    background-repeat: no-repeat;
    opacity: 1;
}