@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root{
    
    /* COR DA PÁGINA DE FUNDO-cor antiga #f8d4e4; */
    --body-background: #dee2e6;

    /* BOTOES */
    --btn-um-background: #c00808;
    --btn-um-color: #fff;
    --btn-um-color-hover: #f50772;

    --btn-mercadopago-background: #1f76f8;
    --btn-mercadopago-background-hover: #2969c8;
    --btn-mercadopago-color: #fff;
    --btn-stripe-background: #8083e8;
    --btn-sripe-background-hover: #6c65f8;
    --btn-sripe-color: #fff;

    /* CORES NAVBAR TOP 2025*/
    /* CORES DOS BOTOES #c00808 2025*/
    --navbar-background: #141414;
    --navbar-btn: #c00808;
    --navbar-btn-hover: #c00808;
    --navbar-btn-text: #fff;
    --navbar-btn-text-hover: #f50772;
    

    /* NAVBAR DROPDOWN IDIOMAS */
    --dropdown-idiomas-background: #c00808;
    --dropdown-idiomas-background-hover: #f50772;
    --dropdown-idiomas-color: #fff;


    /* CORES SIDEBAR LATERAL 2025*/
    /* CORES SIDEBAR BOTAO LATERAL-b70404 2025*/
    /* CORES SIDEBAR BOTAO LATERAL TOPO -#101010 2025*/
    --sidebar-background: #141414;
    --sidebar-text-color: #fff;
    --sidebar-text-color-hover: #f50772;
    --sidebar-btn-color: #b70404;
    --sidebar-text-info-color: #fff;
    --sidebar-top-background: #101010;
    /* PAGE CONTENT */
    --page-opacity-background : #000;

    /* CAROUSEL CATEGORIAS HOME -icone - BARRA DE MENU 2025*/
    --categorias-home-icon: #ffffff;
    --categorias-home-background: #b70404;
      --categorias-home-background-hover: #141414;;

    /* PAGINA DE CATEGORIAS */
      --categorias-page-list-background: pink;
      --categorias-page-list-hover: pink;
      --categorias-page-list-color: #fff;
      --categorias-count-background: #c00808;
      --categorias-count-color: #fff;
      

    /* CATEGORIAS INFO CURSOS HOME BARRAS-#b70404 2025 */  
    --categorias-home-cursos-top-info:   #b70404;
    --categorias-home-cursos-top-info-color: #fff;
    --categorias-home-cursos-top-arrows-background: #c00808;
    --categorias-home-cursos-top-arrows-color: #fff;
    --curso-lista-carga-horaria: #c00808;
    --curso-lista-carga-horaria-color: #fff;
    --curso-lista-preco-color: #fff;
    

    /* CURSOS LISTAR */
    --curso-lista-color: #fff;
    --curso-lista-color-unlock: #c00808;
    --curso-lista-color-lock: #ffcc00;
    --curso-lista-background: #ffcc00;
    --curso-lista-background-hover: pink;

    /* CURSOS LISTAR CATEGORIAS LATERAL*/
    --categorias-lateral-background:  pink;
      --categorias-lateral-hover: pink;

    --categorias-lateral-color: #fff;
    --categorias-lateral-color-hover: #c00808;
    --categorias-lateral-icon: #c00808;
    --categorias-lateral-border-bottom: #c00808;

    /* CARD PAGE TITLE BARRA PAINEL ADMIN 2025*/
    --card-page-title-background: #141d24;
  --card-page-title-color: #fff;

  /* CARD DASHBOARD FUNDO ICONE ADMIN 2025 #141d24;*/
  /* CARD DASHBOARD  ICONE ADMIN 2025 #fff;*/
  /* fundo do card admin icone #c00808 - 2025    */
  --card-dashboard-background: #c00808;
  --card-dashboard-icon: #fff;
  --card-dashboard-color: #fff;
  --card-dashboard-right-background: #141d24;

    /* TABLE fundo carg admin-capas-#343a40; #2025*/
    --table-background: #343a40;
    --table-th-color: #fff;
    --table-td-color: #fff;
    --table-img-border-color: #c00808;
    --table-td-color-hover: #c00808;
    --table-td-info-footer: #fff;
    --table-buttons-pagination-background: #c00808;
    --table-buttons-pagination-border: #c00808;
    --table-buttons-pagination-color: #fff;
    --table-buttons-pagination-color-hover: #f72382;


    /* USER LOGIN / REGISTER / RECOVER PASSWORD / RESET PASSWORD */
     /* USER LOGIN / REGISTER / FUNDO DOAS CAPAS -#141d24; 2025 */
    --card-background: #141d24;
    --card-text-color: #fff;
    --card-button: #c00808; 
    --card-button-hover: #c00808;
    --card-button-text: #fff;
    --card-button-text-hover: #f50772;
    --card-link: #40f808;
    --card-link-hover: #fff;

    /* MODAL */
    --modal-background-color: pink;
    --modal-text-color: #fff;
    --modal-botao-um-background: #888686;
    --modal-botao-um-color: #fff;
    --modal-botao-um-color-hover: #171717;
    --modal-border-color: rgba(23, 23, 23, 0.3);
    --moda-image-add-carousel-border: #c00808;

    /* ACCORDION */
    --accordion-second-background: pink;
    --accordion-second-color: #fff;
    --accordion-second-border-color: #b00e59;
    --accordion-second-accordion-body: #f8d4e4;


    /* PAINEL ADMIN CURSO INFORMAÇÕES */
    --paine-admin-curso-informacoes-text-one: #fff;
    --paine-admin-curso-informacoes-text-two: #171717;
    --paine-admin-curso-informacoes-img-border: #c00808;
    --paine-admin-curso-list-group-one: #f8d4e4;
    --paine-admin-curso-list-group-one-hover: #c00808;

    /* PAINEL ADMIN CURSO ADD EDITAR */
    --curso-add-editar-list-group-color: #fff;
    --curso-add-editar-list-group-border: rgba(245, 7, 114, 0.8);
    --curso-add-editar-list-group-color-hover: #c00808;

    /* INPUT SELECT LABEL RADIO CHECKBOX */
    --label-color: #fff;
    --input-text-color: #171717;
    --input-border: #ffff;
    --input-border-focus: #c00808;
    --input-group-text-background: #c00808;
    --input-group-text-color: #fff;
    --input-group-text-color-hover: #f50772;
    --input-form-check-radio-background: #f50772;
    --input-form-check-radio-background-selected: #c00808;
    --gerar-senha-color: #fff; 
    --gerar-senha-background: #c00808; 


    /* NAVTABS */
    --navtabs-border-bottom-color: #c3065b;

    /* PAINEL ADMIN ADD EDITAR ADMIN */
    --image-avatar-change-border: #c00808; 
    --painel-admin-add-editar-admin-color-p: #fff; 

    /* ADMINISTRADOR PERFIL */
    --administrador-perfil-text-color: #fff;
    --administrador-perfil-avatar-border: #c00808;
    --administrador-perfil-list-group-color: #fff;
    --administrador-perfil-list-group-border: rgba(245, 7, 114, 0.8);
    --administrador-perfil-list-group-color-hover: #c00808;

    /* ALUNO PERFIL PAGE */
    --aluno-perfil-page-text-color: #fff;

    /* PAINEL ADMIN ALUNO PERFIL ADD EDITAR*/
    --paine-admin-aluno-add-editar-text: #fff;

    /* PAINEL ADMIN ALUNO CURSOS*/
    --painel-admim-aluno-cursos-text: #fff;
    --painel-admim-aluno-cursos-list-group-color: #fff;
    --painel-admim-aluno-cursos-list-group-border: rgba(245, 7, 114, 0.8);
    --painel-admim-aluno-cursos-list-group-color-hover: #c00808;

    /* PAINEL ADMIN ALUNOS ADD EDITAR */
    --painel-admim-alunos-add-editar-text: #fff;

    /* PAINEL ADMIN ALUNO PREMIUM */
    --painel-admim-alunos-premium-text: #fff;

    /* SITE INFORMACOES */
    --site-informacoes-avatar-border: #c00808;

    /* CURSO SINGLE PAGE*/
    --curso-single-right-color: #fff;
    --curso-single-right-color-icon-times: #fff;
    --curso-single-right-color-icon-check: #fff;
    --curso-single-right-color-icon-times-box: #ff0000;
    --curso-single-right-color-icon-check-box: #c00808;
    --curso-single-right-list-group-color: #fff;
    --curso-single-right-list-group-color-hover: #c00808;
    --curso-single-right-list-group-background: transparent;
    --curso-single-right-list-group-border: rgba(245, 7, 114, 0.9);
    --curso-single-right-list-group-border-hover: #c00808;
    --curso-single-right-img: #c00808;
    --curso-single-right-img-background: #c00808;

    --curso-single-left-iframe: #c00808;
    --curso-single-left-iframe-background: #c00808;
    --curso-single-left-info-color: #fff;
    --curso-single-left-info-color-icon: #c00808;


    --curso-single-left-color: #fff;
    --curso-single-right-color-icon: #c00808;
    --curso-single-left-list-group-color: #fff;
    --curso-single-right-list-group-color-hover: #c00808;
    --curso-single-left-list-group-background: transparent;
    --curso-single-left-list-group-border: rgba(245, 7, 114, 0.9);
    --curso-single-left-list-group-border-hover: #c00808;
    --curso-single-left-list-group-border-hover: #c00808;
    --curso-single-left-list-group-color-hover: #c00808;

    --curso-single-left-curso-single-info-h3: #fff;

    --curso-single-accordion-background: pink;

    --curso-single-accordion-border-color: #b00e59;
    --curso-single-accordion-body: #f8d4e4;
    --curso-single-accordion-color: #fff;
    --curso-single-accordion-button-border: #b00e59;
    --curso-single-accordion-icon-lock: #b00e59;
    --curso-single-accordion-icon-lock-hover: #c00808;
    --curso-single-accordion-icon-video: #b00e59;
    --curso-single-accordion-icon-video-hover: #c00808;
    --curso-single-accordion-body-text: #b00e59;
    --curso-single-accordion-body-text-hover: #c00808;

    /* ALUNO PERFIL PAGE */
    --aluno-perfil-page-h4-color: #fff;
    --aluno-perfil-page-list-group-color: #fff;
    --aluno-perfil-page-list-group-border: rgba(245, 7, 114, 0.8);
    --aluno-perfil-page-list-group-color-hover: #c00808;

    /* PREMIUM PAGE */
    --premium-page-icon-top-background: #c00808;
    --premium-page-icon-top-background-hover: pink;

    --premium-page-icon-top-border: #fff;
    --premium-page-icon-top-color: #f50772;
    --premium-page-premium-titulo-color: #fff;
    --premium-page-premium-preco-color: #fff;
    --premium-page-list-group-color: #fff;
    --premium-page-list-group-border: rgba(245, 7, 114, 0.8);
    --premium-page-badge-background: #c00808;
    --premium-page-badge-color: #f72382;
    --premium-page-badge-border: #fff;
    --premium-page-premium-ativo-info-color: #fff;

    /* CURSO PLAY PAGE */
    --curso-play-right-list-group-color: #fff;
    --curso-play-right-list-group-border-hover: #c00808;
    --curso-play-right-list-group-background: transparent;
    --curso-play-right-color-icon: #c00808;
    --curso-play-right-list-group-color-hover: #c00808;
    --curso-play-comentario-list-color: #fff;
    --curso-play-comentario-list-data: #c00808;
    --curso-play-modulo-bloqueado-background: pink;

    /* SWEET ALERT */
    --sweetalert-background: pink;    
    --sweetalert-btn-confirm-background: #c00808;
    --sweetalert-btn-confirm-color: #fff;
    --sweetalert-btn-confirm-color-i: #fff;
    --sweetalert-text-color: #ffff;
    --sweetalert-icon-color: #fff;
    --sweetalert-transparent: transparent;
    
}