:root{
    /*=================================================
        ÍCONES E TEXTOS SÓ SÃO POSSIVEIS MODIFICAR
        NO ARQUIVO HTML (exceto selo "%OFF" )
    =================================================*/

    /*================================
        Cor de palavras destacadas
    ================================*/
    --destaque:#ff00ff;


    /*====================
        Cores da Navbar
    ====================*/
    --cor-fundo-navbar: #0d001c;
    
    --cor-texto-navbar:#ffffff;
    --cor-texto-hover-navbar:#00f0ff;

    --cor1-gradiente-botao-compre-agora:#008cff;
    --cor2-gradiente-botao-compre-agora:#ea00ff;


    /*====================
        Cores da Hero
    ====================*/
    --cor-gradiente1:#080f14;
    --cor-gradiente2:#0F172A;
    --cor-gradiente3:#1e0057;
    --cor-gradiente4:#6d00d3;
    
    --cor-bolhas1: #ffffffb0;
    --cor-bolhas2: #ffffff4b;


    --subtitulo:#866DF8;
    
    --destaque :#ff56ad;

    --sombra-texto: #00ffff8e; 

    --preco:#00ff00;
    --preco-antigo: #ff0000;

    --cor-fundo-botao:#151820;
    --borda-botao: #00ffff;
    --sombra-botao: #00ffff;

    --cor-fundo-botao-hero-hover:#001f20e3;


    
    /*=======================
        CORES DA SEÇÃO 2
    =======================*/
    --cor-titulo-itens:#00f0ff;
    
    /* Bloco 1 */

    --cor-gradiente-templates1: #000000;
    --cor-gradiente-templates2: #ff00ff;
    --cor-gradiente-templates3: #006891;
    --cor-gradiente-templates4: #007c72 ;
    --cor-gradiente-templates5: #0a0a0a;


    --gradiente1-borda-bloco1: #6d6d6d62;
    --gradiente2-borda-bloco1: #ff5bdbe0;
    --gradiente3-borda-bloco1: #6ce2ffbd;

    --sombra-bloco1: #ff00ff9f;
    --sombra-image-bloco1: #00ffff62;


    /* Bloco 2 */
    --gradiente1-borda-bloco2: #5dffc9a2;
    --gradiente2-borda-bloco2: #438cfae0;
    --gradiente3-borda-bloco2: #b8b8b873;

    --sombra-bloco2: #00ffea9f;
    --sombra-image-bloco2: #00ffff62;

    /* Desconto */
    --texto-desconto: "64%OFF";
    --cor-texto-desconto: #f0f8ff;
    --sombra-texto-desconto: #02e2ff;
    --cor-fundo-desconto: #000;
    --cor-borda-desconto: #48ff00;


    /*================
        ABOUT PART
    ================*/
    --sobre-gradiente1: #00000093;
    --sobre-gradiente2: #cc00ff1e;
    --sobre-gradiente3: #00ffaa41;

    --sombra-video: #34c5ff91;


    /* Caixas */
    --cor-gradiente-caixas1: #ff00ff3d;
    --cor-gradiente-caixas2: #00ffff2f;
    --cor-gradiente-caixas3: #000000;

    --cor-gradiente-borda-caixas1:#ff00d496;
    --cor-gradiente-borda-caixas2:#00fff2c2;
    --cor-gradiente-borda-caixas3: #00ff4c8f;

    --sombra-caixas: #cc00ff9f;


    /*=================
         BONUS PART
    =================*/
    --cor-fundo-bonus: #020202;
    --cor-detalhe:#3000a156;

    --cor-bordas: #f0f8ff42;

    --cor1-detalhe2: #8a71fc77;
    --cor2-detalhe2: #6200ff42;

    --cor-icones: #00ffff;
    --sombra-icones: #ffffff;
    --cor-textos-destacados: #ff00ff;


    /*=================
        FAQ SECTION
    =================*/
    --cor-fundo-faq: #000000;
    --cor-perguntas: #00ffff;
    --cor-respostas: #ffffff;


    /*================
         LAST CALL
    ================*/
    --titulo-cor: #ff0000;

    --cor-texto-destaque-last-call:#00ffff;

    --cor-gradiente-last1:#000000;
    --cor-gradiente-last2:#1f0000;
    --cor-gradiente-last3:#290000;

    --cor-relogio-fundo: #ff0000;

    --cor-borda-botao:#00ff00;
    --cor-sombra-botao:#008000;
    --cor-fundo-botao:#000000;

    --cor-fundo-botao-hover:#001a02;
}