:root {
    --bg: #07090b;
    --bg2: #0a0d10;

    --panel: rgba(18, 22, 28, .66);
    --panel2: rgba(18, 22, 28, .48);
    --panel3: rgba(10, 12, 16, .55);

    --text: #e9eef7;
    --muted: #9aa9bb;

    --line: rgba(255, 255, 255, .10);
    --line2: rgba(255, 255, 255, .07);

    --pill: rgba(255, 255, 255, .06);
    --pill2: rgba(255, 255, 255, .04);

    --input: rgba(0, 0, 0, .22);

    --menuBg: rgba(12, 14, 18, .55);
    --menuPill: rgba(255, 255, 255, .06);
    --menuText: rgba(233, 238, 247, .78);
    --menuActiveBg: rgba(255, 141, 0, .16);
    --menuActiveBorder: rgba(255, 141, 0, .35);

    --noiseOpacity: .12;
    --fadeBg: rgba(18, 22, 28, .92);

    /* JEDYNE źródło tła strony */
    --page-bg:
        radial-gradient(900px 540px at 50% 0%, rgba(0, 0, 0, .20), rgba(40, 34, 34, 0.85)),
        radial-gradient(900px 620px at 50% 120%, rgba(74, 59, 59, 0.78), rgba(0, 0, 0, .25)),
        radial-gradient(520px 360px at 22% 42%, rgba(255, 141, 0, .20), transparent 62%),
        radial-gradient(620px 420px at 68% 36%, rgba(175, 110, 65, .16), transparent 62%),
        radial-gradient(520px 360px at 86% 26%, rgba(130, 90, 55, .14), transparent 65%),
        conic-gradient(from 20deg at 30% 50%, rgba(255, 141, 0, .06), 
            rgba(0, 0, 0, 0), 
            rgba(156, 255, 0, .04), 
            rgba(0, 0, 0, 0), 
            rgba(255, 141, 0, .05)),
        linear-gradient(180deg, #080a0d 0%, #06080a 100%)
}