:root{
    --bg:#090f13;
    --bg2:#161c2d;
    --bg-glow:#1d85ed;
    --bg3:#151d23;
    --card:#131b20;
    --card2:#192031;
    --text:#f7f7fb;
    --muted:#b7c4cd;
    --line:#2f404c;
    --accent:#336699;
    --accent2:#1b7bc0;
    --accent3:#4c8ac8;
    --green:#26d971;
    --header-bg:#0d1419;
    --header-gradient-start:#161f36;
    --header-gradient-end:#06090b;
    --accent-rgb:51,102,153;
    --text-rgb:247,247,251;
    --muted-rgb:183,196,205;
    --bg-rgb:9,15,19;
    --bg-glow-rgb:29,133,237;
    --hero-start-rgb:22,28,45;
    --header-bg-rgb:13,20,25;
    --header-start-rgb:22,31,54;
    --header-end-rgb:6,9,11;
    --section-rgb:21,29,35;
    --card-rgb:19,27,32;
    --line-rgb:47,64,76;
    --success-rgb:38,217,113;
    --text-on-accent:#ffffff;
    --accent-soft:rgba(51,102,153,.14);
    --accent-soft-2:rgba(51,102,153,.22);
}
body{
    background:
        radial-gradient(circle at top left, rgba(29,133,237,.16), transparent 30%),
        radial-gradient(circle at top right, rgba(29,133,237,.10), transparent 22%),
        linear-gradient(180deg, var(--bg) 0%, var(--bg2) 100%);
}