<UserControl x:Class="NexusShell.Controls.NexusDesktopBackground"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:controls="clr-namespace:NexusShell.Controls"
             IsHitTestVisible="False">
    <Grid ClipToBounds="True">
        <!-- Layer A -->
        <Rectangle Fill="#020712"/>

        <!-- Layer B: radial blue from center-bottom -->
        <Rectangle>
            <Rectangle.Fill>
                <RadialGradientBrush GradientOrigin="0.5,0.72" Center="0.5,0.72"
                                     RadiusX="0.85" RadiusY="0.95"
                                     MappingMode="RelativeToBoundingBox">
                    <GradientStop Color="#0B2A4A" Offset="0"/>
                    <GradientStop Color="#020712" Offset="1"/>
                </RadialGradientBrush>
            </Rectangle.Fill>
        </Rectangle>

        <!-- Layer C: purple glow left/mid -->
        <Ellipse HorizontalAlignment="Left" VerticalAlignment="Center"
                 Width="720" Height="720" Margin="-220,80,0,0" Opacity="0.18">
            <Ellipse.Fill>
                <RadialGradientBrush>
                    <GradientStop Color="#8A4FFF" Offset="0"/>
                    <GradientStop Color="#008A4FFF" Offset="1"/>
                </RadialGradientBrush>
            </Ellipse.Fill>
            <Ellipse.Effect>
                <BlurEffect Radius="160"/>
            </Ellipse.Effect>
        </Ellipse>

        <!-- Layer D: cyan glow right/bottom -->
        <Ellipse HorizontalAlignment="Right" VerticalAlignment="Bottom"
                 Width="820" Height="820" Margin="0,0,-260,-120" Opacity="0.16">
            <Ellipse.Fill>
                <RadialGradientBrush>
                    <GradientStop Color="#00D9FF" Offset="0"/>
                    <GradientStop Color="#0000D9FF" Offset="1"/>
                </RadialGradientBrush>
            </Ellipse.Fill>
            <Ellipse.Effect>
                <BlurEffect Radius="180"/>
            </Ellipse.Effect>
        </Ellipse>

        <!-- Layer E: particles -->
        <controls:NexusDesktopParticleField/>

        <!-- Layer F: neon wave -->
        <controls:NexusDesktopLightWave VerticalAlignment="Bottom"/>
    </Grid>
</UserControl>
