/* ==========================================================
   LEADS 360º PLATFORM

   DARK THEME
   VERSÃO 1.0.2

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


[data-theme="dark"] {


    /* ==========================
       BACKGROUND L360
    ========================== */


    --background:

    radial-gradient(
        circle at 50% 18%,
        rgba(250,208,44,.28),
        transparent 38%
    ),

    radial-gradient(
        circle at 80% 90%,
        rgba(250,208,44,.10),
        transparent 35%
    ),

    linear-gradient(
        135deg,
        #050505,
        #151515
    );



    /* ==========================
       SUPERFÍCIES
    ========================== */


    --surface:

    #ffffff;


    --surface-secondary:

    #e8e8e8;



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


    --text:

    #ffffff;


    --text-card:

    #e8e8e8;


    --text-secondary:

    #bdbdbd;



    /* ==========================
       IDENTIDADE
    ========================== */


    --primary:

    #FAD02C;


    --primary-hover:

    #e6bd1e;



    /* ==========================
       BORDAS
    ========================== */


    --border:

    rgba(250,208,44,.35);



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


    --shadow:

    0 20px 50px rgba(0,0,0,.55);



    /* ==========================
       PESQUISA
    ========================== */


    --search-background:

    #ffffff;


    --search-text:

    #555555;


    --search-placeholder:

    #777777;



    /* ==========================
       BOTÕES
    ========================== */


    --button-background:

    #ffffff;


    --button-text:

    #555555;


}






/* ==========================================================
   CARDS
========================================================== */


[data-theme="dark"] .card,
[data-theme="dark"] .result-card,
[data-theme="dark"] .shortcut {


    background:

    #ffffff;



    color:

    #222222;



}






/* ==========================================================
   CARD DICA 01
========================================================== */


[data-theme="dark"] .tip-card {


    background:

    #333333;



    color:

    #f5f5f5;



    border:

    1px solid rgba(250,208,44,.45);



}



[data-theme="dark"] .tip-card p {


    color:

    #e5e5e5;



}






/* ==========================================================
   CAMPOS PESQUISA AVANÇADA
========================================================== */


[data-theme="dark"] .location-box select {


    background:

    #ffffff;



    color:

    #222222;



    border:

    2px solid #FAD02C;



}






/* ==========================================================
   BOTÃO SECUNDÁRIO
========================================================== */


[data-theme="dark"] #btnDone {


    background:

    transparent;



    color:

    #ffffff;



    border:

    2px solid #FAD02C;



}






/* ==========================================================
   ICONES
========================================================== */


[data-theme="dark"] .shortcut {


    background:

    #333333;



    color:

    #ffffff;



    border:

    1px solid rgba(255,255,255,.15);



}



[data-theme="dark"] .shortcut small {


    color:

    #d0d0d0;



}






/* ==========================================================
   FOOTER
========================================================== */


[data-theme="dark"] footer {


    border-color:

    rgba(255,255,255,.15);



    color:

    #cccccc;



}