/* Network.css */
:root {
    /* Basic system appearance variables */
    --theme-hue: 210;
    --theme-saturation: 50%;
    --theme-lightness: 50%;
    --theme-opacity: 0.0;
    --theme-blur: 8px;
    --theme-bg: hsla(var(--theme-hue), var(--theme-saturation), var(--theme-lightness), var(--theme-opacity));
    --theme-glass: hsla(var(--theme-hue), var(--theme-saturation), calc(var(--theme-lightness) + 10%), calc(var(--theme-opacity) + 0.1));
    --theme-accent: hsla(0, 0%, 100%, 0.85);
    --theme-text: hsl(var(--theme-hue), 30%, 90%);
    
    /* Transparent mode variables */
    --transparent-bg-top: rgba(26, 0, 51, 0.98);
    --transparent-bg-center: rgba(0, 0, 0, 0);
    --transparent-bg-bottom: rgba(19, 0, 20, 0.98);
    
    /* Solid gradient mode variables */
    --solid-bg-top: rgba(0, 0, 0, 0.98);
    --solid-bg-left: rgba(4, 4, 4, 0.98);
    --solid-bg-center: rgba(8, 8, 8, 0.98);
    --solid-bg-right: rgba(10, 10, 10, 0.98);
    --solid-bg-bottom: rgba(13, 13, 13, 0.98);
    
    /* The actual gradients */
    --window-bg-transparent: linear-gradient(to bottom, var(--transparent-bg-top), var(--transparent-bg-center), var(--transparent-bg-bottom));
    --window-bg-solid: linear-gradient(to bottom, var(--solid-bg-top), var(--solid-bg-bottom));
}

body, html {
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-color: #000000; /* Sets the background color to black */
}