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

   LIGHT THEME
   VERSÃO 1.0.2

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


[data-theme="light"] {


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


    --background:

    radial-gradient(
        circle at 50% 15%,
        rgba(250,208,44,.45),
        transparent 32%
    ),

    radial-gradient(
        circle at 15% 80%,
        rgba(250,208,44,.18),
        transparent 30%
    ),

    linear-gradient(
        135deg,
        #ffffff,
        #f4f0dc
    );



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


    --surface:

    #ffffff;


    --surface-secondary:

    #eeeeee;



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


    --text:

    #111111;


    --text-card:

    #222222;


    --text-secondary:

    #555555;



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


    --primary:

    #FAD02C;


    --primary-hover:

    #e5bc20;



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


    --border:

    rgba(0,0,0,.12);



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


    --shadow:

    0 20px 45px rgba(0,0,0,.12);



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


    --search-background:

    #FAD02C;


    --search-text:

    #111111;


    --search-placeholder:

    #444444;



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


    --button-background:

    #FAD02C;


    --button-text:

    #111111;


}






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


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


    background:

    #ffffff;



    color:

    #111111;



}






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


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


    background:

    #4a4a4a;



    color:

    #f5f5f5;



    border:

    1px solid #FAD02C;



}



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


    color:

    #e8e8e8;



}






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


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


    background:

    #ffffff;



    color:

    #111111;



    border:

    2px solid #FAD02C;



}






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


[data-theme="light"] #btnApply {


    background:

    #FAD02C;



    color:

    #111111;



}



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


    background:

    transparent;



    color:

    #111111;



    border:

    2px solid #8d7200;



}






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


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


    background:

    #eeeeee;



    color:

    #111111;



    border:

    1px solid rgba(0,0,0,.12);



}



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


    color:

    #555555;



}






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


[data-theme="light"] footer {


    border-color:

    rgba(0,0,0,.12);



    color:

    #555555;



}