/* ==========================================
   LOOBITO WEB V2
   Base Theme
========================================== */

:root{

    --bg:#09090B;
    --bg-secondary:#111118;

    --sidebar:#0F1017;

    --card:#171923;

    --primary:#8B5CF6;
    --primary-hover:#9F7AEA;

    --text:#FFFFFF;
    --text-secondary:#A8B0C0;

    --border:#24263A;

    --success:#22C55E;
    --danger:#EF4444;

    --shadow:0 0 35px rgba(139,92,246,.25);

}

/* =============================== */

*{

    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:'Inter',sans-serif;

}

html{

    scroll-behavior:smooth;

}

body{

    background:
        radial-gradient(circle at top right,
            rgba(139,92,246,.12),
            transparent 35%),

        radial-gradient(circle at bottom left,
            rgba(139,92,246,.08),
            transparent 35%),

        var(--bg);

    color:var(--text);

    overflow-x:hidden;

}

a{

    text-decoration:none;
    color:inherit;

}

img{

    max-width:100%;
    display:block;

}

/* =============================== */

body::before{

    content:"";

    position:fixed;

    inset:0;

    background:
        radial-gradient(circle at top right,
        rgba(139,92,246,.18),
        transparent 40%),

        radial-gradient(circle at bottom left,
        rgba(124,58,237,.12),
        transparent 45%);

    z-index:-2;

}

/* Glow */

.background-glow{

    position:fixed;

    width:700px;

    height:700px;

    right:-250px;

    top:-250px;

    background:radial-gradient(circle,
    rgba(139,92,246,.18),
    transparent 70%);

    filter:blur(40px);

    z-index:-1;

}

/* =============================== */

.app{

    display:flex;

    min-height:100vh;

}

/* =============================== */

.content{

    flex:1;

    padding:60px;

    position:relative;

}