/*==================================================
            LA TÓXICA RADIO
            DESIGN SYSTEM v2
==================================================*/

:root{

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

    --primary:#1565FF;
    --primary-dark:#0A2F8F;
    --primary-light:#4D8DFF;

    /*==========================================
        COLOR DE MARCA
    ==========================================*/

    --accent:#FFD400;
    --accent-light:#FFE95E;
    --accent-dark:#E2B800;

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

    --bg:#090909;
    --bg-secondary:#141414;
    --surface:#1E1E1E;

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

    --white:#FFFFFF;
    --gray:#CFCFCF;
    --gray-dark:#8F8F8F;

    /*==========================================
        ESTADO LIVE
    ==========================================*/

    --live:#FF3131;

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

    --shadow-small:0 2px 8px rgba(0,0,0,.20);

    --shadow-medium:0 8px 20px rgba(0,0,0,.35);

    --shadow-large:0 15px 40px rgba(0,0,0,.45);

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

    --radius-small:8px;
    --radius-medium:14px;
    --radius-large:22px;
    --radius-pill:999px;

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

    --transition:.30s ease;

}