@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

@import url("variables.css");
@import url("reset.css");
@import url("components.css");
@import url("animations.css");
@import url("dashboard.css");

html{
    min-height:100%;
}

body{
    min-height:100vh;
    background:
        url("../images/bg-collage-triglp-ignyt.png"),
        radial-gradient(circle at 20% 0%, rgba(0,209,255,.22) 0%, transparent 34%),
        radial-gradient(circle at 80% 10%, rgba(230,196,109,.13) 0%, transparent 30%),
        radial-gradient(circle at 50% 100%, rgba(0,141,204,.22) 0%, transparent 35%),
        linear-gradient(145deg, var(--bg-primary), var(--bg-secondary) 55%, #020813);
    background-repeat:repeat, no-repeat, no-repeat, no-repeat, no-repeat;
    background-size:420px 420px, auto, auto, auto, auto;
    color:var(--text-primary);
}

body::before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
    background-size:42px 42px;
    mask-image:linear-gradient(to bottom, rgba(0,0,0,.8), transparent 78%);
    z-index:-1;
}

::selection{
    background:rgba(0,209,255,.34);
    color:#fff;
}

::-webkit-scrollbar{
    width:10px;
}

::-webkit-scrollbar-track{
    background:#06111F;
}

::-webkit-scrollbar-thumb{
    background:rgba(255,255,255,.16);
    border-radius:20px;
}

::-webkit-scrollbar-thumb:hover{
    background:rgba(0,209,255,.42);
}