/*==================================================
  CHATEADORES V2
  Variables globales
==================================================*/

:root{

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

    --color-azul:#25b8ff;
    --color-azul-claro:#59d4ff;

    --color-morado:#7569ff;
    --color-morado-claro:#9c86ff;

    --color-fucsia:#d04cff;


    /*=========================================
      FONDOS
    =========================================*/

    --fondo:#10162b;

    --cristal:rgba(20,25,55,.72);

    --cristal-claro:rgba(255,255,255,.05);

    --cristal-hover:rgba(80,170,255,.20);


    /*=========================================
      TEXTOS
    =========================================*/

    --texto:#ffffff;

    --texto-secundario:#dcecff;

    --texto-radio:#8edbff;


    /*=========================================
      BORDES
    =========================================*/

    --borde:rgba(255,255,255,.08);

    --borde-azul:rgba(90,180,255,.30);


    /*=========================================
      SOMBRAS
    =========================================*/

    --sombra-neon:

        0 0 18px rgba(90,210,255,.55);

    --sombra-boton:

        0 0 15px rgba(80,180,255,.35);

    --sombra-grande:

        0 0 25px rgba(90,210,255,.80),
        0 0 45px rgba(180,90,255,.45);


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

    --radio-xl:20px;

    --radio-lg:18px;

    --radio-md:12px;

    --radio-sm:8px;

    --radio-pill:40px;


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

    --transicion:.25s ease;

}