/*======================================
=            UNDERLEAGUE UI            =
======================================*/

:root{

    /*=========================
    COLORES
    =========================*/

    --ul-primary:#FFDD44;

    --ul-black:#09090B;

    --ul-white:#FFFFFF;

    --ul-bg-1:#09090B;
    --ul-bg-2:#111113;
    --ul-bg-3:#17191F;
    --ul-bg-4:#20242C;

    /* Base visual reutilizable: fondo y superficies de UnderLeague. */
    --ul-app-background:#09090B;
    --ul-surface:#111113;

    --ul-text:#ECECEC;
    --ul-text-soft:#707784;

    --ul-border:rgba(255,255,255,.05);



    /*=========================
    ESPACIADOS
    =========================*/

    --ul-space-xs:4px;
    --ul-space-sm:8px;
    --ul-space-md:12px;
    --ul-space-lg:16px;
    --ul-space-xl:24px;
    --ul-space-2xl:32px;



    /*=========================
    RADIOS
    =========================*/

    --ul-radius-sm:8px;
    --ul-radius-md:12px;
    --ul-radius-lg:16px;



    /*=========================
    SIDEBAR
    =========================*/

    --ul-sidebar-width:260px;



    /*=========================
    TRANSICIONES
    =========================*/

    --ul-transition:.25s;

}