/* ========================================
   SISTEMA DE CORES - VARIÁVEIS CSS
   Portal de Transparência
   ======================================== */

/* ==========================================
   TEMA PADRÃO: AZUL
   ========================================== */
[data-tema="azul"] {
    /* ===== Fundo ===== */
    --bg-body: linear-gradient( 135deg, #E0EBF5 0%, #D4E8F2 25%, #C4DDE7 50%, #DDEFF3 75%, #F0F4FA 100% );
    /* ===== Menu cabecalho ===== */
    --cor-menu-cabecalho-titulo: #ffffff;
    /* ===== Cores Primárias ===== */
    --cor-primaria: #1f3f5b;
    --cor-primaria-escura: #0f2537;
    --cor-primaria-clara: #f0f4fa;
    /* ===== Cores Secundárias ===== */
    --cor-secundaria: #315c81;
    --cor-secundaria-escura: #244d6d;
    /* ===== Gradientes ===== */
    --gradiente-icon-rodape: linear-gradient(135deg, #815631, #5b3b1f);
    --gradiente-linha-suave: linear-gradient( to right, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) );
    /* ===== Rodapé ===== */
    --rodape-bg: linear-gradient(to right, #1f3f5b, #315c81, #1f3f5b);
    --rodape-banner-bg: #7ca1c1;
    /* ===== Componentes ===== */
    --cor-destaque-breadcrumb: #815631;
    --cor-dados-abertos: #23669C;
    --cor-modal-header: #5DADE2;
    --menu-dropdown: rgba(44, 91, 131, 0.95); /* é com base na cor secundária*/
    /* ===== Tile ===== */
    --tile-tema-padrao: #315c81;
    --tile-cor-secundaria-tema: #0f2537;
}
/* ==========================================
   TEMA VERDE
   ========================================== */

[data-tema="verde"] {
    /* ===== Fundo ===== */
    --bg-body: linear-gradient(135deg, #F8FAF9 0%, #F1F7F4 100%);
    /* ===== Menu cabecalho ===== */
    --cor-menu-cabecalho-titulo: #ffffff;
    /* ===== Cores Primárias ===== */
    --cor-primaria: #164E41;
    --cor-primaria-escura: #0D2F28;
    --cor-primaria-clara: #f1f1f1;
    /* ===== Cores Secundárias ===== */
    --cor-secundaria: #3D7065;
    --cor-secundaria-escura: #164E41;
    /* ===== Destaque ===== */
    /* ===== Gradientes ===== */
    --gradiente-icon-rodape: linear-gradient(135deg, #4e1623, #2f0d14);
    --gradiente-linha-suave: linear-gradient(to right, rgba(16, 185, 129, 0.1), rgba(16, 185, 129, 0));
    /* ===== Rodapé ===== */
    --rodape-bg: linear-gradient(to right, #0D2F28, #164E41, #0D2F28);
    --rodape-banner-bg: #CDE2DD;
    /* ===== Componentes ===== */
    --cor-destaque-breadcrumb: #703d48;
    --cor-dados-abertos: #10B981;
    --cor-modal-header: #F0F7F5;
    --menu-dropdown: rgba(13, 47, 40, 0.98);
    /* ===== Tile ===== */
    --tile-tema-padrao: #2f7d68;
    --tile-cor-secundaria-tema: #0D2F28;
}


/* ==========================================
   TEMA VERMELHO
   ========================================== */

[data-tema="vermelho"] {
    /* ===== Fundo ===== */
    --bg-body: linear-gradient(135deg, #FDFDFD 0%, #F9F7F7 100%);
    /* ===== Menu cabecalho ===== */
    --cor-menu-cabecalho-titulo: #450A0A;
    /* ===== Cores Primárias ===== */
    --cor-primaria: #7F1D1D;
    --cor-primaria-escura: #450A0A;
    --cor-primaria-clara: #f1f1f1;
    /* ===== Cores Secundárias ===== */
    --cor-secundaria: #E5E7EB;
    --cor-secundaria-escura: #991B1B;
    /* ===== Gradientes ===== */
    --gradiente-icon-rodape: linear-gradient(135deg, #1d7f7f, #0a4545);
    --gradiente-linha-suave: linear-gradient(to right, rgba(127, 29, 29, 0.1), rgba(127, 29, 29, 0));
    /* ===== Rodapé ===== */
    --rodape-bg: linear-gradient(to right, #450A0A, #7F1D1D, #450A0A);
    --rodape-banner-bg: #E5E7EB;
    /* ===== Componentes ===== */
    --cor-destaque-breadcrumb: #B91C1C;
    --cor-dados-abertos: #B91C1C;
    --cor-modal-header: #FEF2F2;
    --menu-dropdown: rgba(69, 10, 10, 0.98);
    /* ===== Tile ===== */
    --tile-tema-padrao: #C62828;
    --tile-cor-secundaria-tema: #450A0A;
}


/* ==========================================
   TEMA ROSA
   ========================================== */

[data-tema="rosa"] {
    /* ===== Fundo ===== */
    --bg-body: linear-gradient(135deg, #FFFDFD 0%, #FFF5F7 100%);
    /* ===== Menu cabecalho ===== */
    --cor-menu-cabecalho-titulo: #FFFFFF;
    /* ===== Cores Primárias ===== */
    --cor-primaria: #832D44;
    --cor-primaria-escura: #5C192A;
    --cor-primaria-clara: #f1f1f1;
    /* ===== Cores Secundárias ===== */
    --cor-secundaria: #B56576;
    --cor-secundaria-escura: #832D44;
    /* ===== Gradientes ===== */
    --gradiente-icon-rodape: linear-gradient(135deg, #65b5a4, #65b5a4);
    --gradiente-linha-suave: linear-gradient(to right, rgba(224, 82, 117, 0.1), rgba(224, 82, 117, 0));
    /* ===== Rodapé ===== */
    --rodape-bg: linear-gradient(to right, #5C192A, #832D44, #5C192A);
    --rodape-banner-bg: #F8D7DA;
    /* ===== Componentes ===== */
    --cor-destaque-breadcrumb: #65b5a4;
    --cor-dados-abertos: #E05275;
    --cor-modal-header: #FFF0F3;
    --menu-dropdown: rgba(92, 25, 42, 0.98);
    /* ===== Tile ===== */
    --tile-tema-padrao: #B56576;
    --tile-cor-secundaria-tema: #5C192A;
}

/* ==========================================
   TEMA ROSA CLARO
   ========================================== */

[data-tema="rosa-claro"] {
    /* ===== Fundo ===== */
    --bg-body: linear-gradient(135deg, #F8F9FA 0%, #FFF0F3 100%);
    /* ===== Menu cabecalho ===== */
    --cor-menu-cabecalho-titulo: #5D4046;
    /* ===== Cores Primárias ===== */
    --cor-primaria: #bb7d8a; 
    --cor-primaria-escura: #945D68; 
    --cor-primaria-clara: #F8F9FA;
    /* ===== Cores Secundárias ===== */
    --cor-secundaria: #FCE4EC; 
    --cor-secundaria-escura: #7A4A54;
    /* ===== Gradientes ===== */
    --gradiente-icon-rodape: linear-gradient(135deg, #A8DADC, #A8DADC); 
    --gradiente-linha-suave: linear-gradient(to right, rgba(212, 140, 154, 0.2), rgba(212, 140, 154, 0));
    /* ===== Rodapé ===== */
    --rodape-bg: linear-gradient(to right, #7A4A54, #945D68, #7A4A54);
    --rodape-banner-bg: #FEEAF0;
    /* ===== Componentes ===== */
    --cor-destaque-breadcrumb: #8EAF9D; 
    --cor-dados-abertos: #D48C9A;
    --cor-modal-header: #F8F9FA;
    --menu-dropdown: rgba(93, 64, 70, 0.95);
    /* ===== Tile ===== */
    --tile-tema-padrao: #D48C9A;
    --tile-cor-secundaria-tema: #7A4A54;
}

/* ==========================================
   TEMA BEGE
   ========================================== */
[data-tema="bege"] {
    /* ===== Fundo ===== */
    --bg-body: linear-gradient(135deg, #FCFBFA 0%, #F7F3EE 100%);
    /* ===== Menu cabecalho ===== */
    --cor-menu-cabecalho-titulo: #FFFFFF;
    /* ===== Cores Primárias ===== */
    --cor-primaria: #635A52;
    --cor-primaria-escura: #4A433D;
    --cor-primaria-clara: #f1f1f1;
    /* ===== Cores Secundárias ===== */
    --cor-secundaria: #8E7F71;
    --cor-secundaria-escura: #72655A;
    /* ===== Gradientes ===== */
    --gradiente-icon-rodape: linear-gradient(135deg, #aaa075, #aaa075);
    --gradiente-linha-suave: linear-gradient(to right, rgba(99, 90, 82, 0.1), rgba(99, 90, 82, 0));
    /* ===== Rodapé ===== */
    --rodape-bg: linear-gradient(to right, #4A433D, #635A52, #4A433D);
    --rodape-banner-bg: #D9D2C5;
    /* ===== Componentes ===== */
    --cor-destaque-breadcrumb: #5b4129;
    --cor-dados-abertos: #8E7F71;
    --cor-modal-header: #E8E2D9;
    --menu-dropdown: rgba(99, 90, 82, 0.98);
    /* ===== Tile ===== */
    --tile-tema-padrao: #8E7F71;
    --tile-cor-secundaria-tema: #4A433D;
}


/* ==========================================
   TEMA AZUL MARINHO
   ========================================== */
[data-tema="azul-marinho"] {
    /* ===== Fundo ===== */
    --bg-body: linear-gradient(135deg, #F8FAFC 0%, #F1F5F9 100%);
    /* ===== Menu cabecalho ===== */
    --cor-menu-cabecalho-titulo: #FFFFFF;
    /* ===== Cores Primárias ===== */
    --cor-primaria: #1E293B;
    --cor-primaria-escura: #0F172A;
    --cor-primaria-clara: #f1f1f1;
    /* ===== Cores Secundárias ===== */
    --cor-secundaria: #334155;
    --cor-secundaria-escura: #1E293B;
    /* ===== Destaque ===== */
    /* ===== Gradientes ===== */
    --gradiente-icon-rodape: linear-gradient(135deg, #6ebfcb, #538b93);
    --gradiente-linha-suave: linear-gradient(to right, rgba(59, 130, 246, 0.1), rgba(59, 130, 246, 0));
    /* ===== Rodapé ===== */
    --rodape-bg: linear-gradient(to right, #0F172A, #1E293B, #0F172A);
    --rodape-banner-bg: #E2E8F0;
    /* ===== Componentes ===== */
    --cor-destaque-breadcrumb: #6e95d3;
    --cor-dados-abertos: #3B82F6;
    --cor-modal-header: #F8FAFC;
    --menu-dropdown: rgba(15, 23, 42, 0.98);
    /* ===== Tile ===== */
    --tile-tema-padrao: #334155;
    --tile-cor-secundaria-tema: #1E293B;
}
/* ==========================================
   TEMA MARROM
   ========================================== */

[data-tema="marrom"] {
    /* ===== Fundo ===== */
    --bg-body: linear-gradient(135deg, #FDFCFB 0%, #F7F2EE 100%);
    /* ===== Menu cabecalho ===== */
    --cor-menu-cabecalho-titulo: #ffffff;
    /* ===== Cores Primárias ===== */
    --cor-primaria: #4E342E;
    --cor-primaria-escura: #2D1B18;
    --cor-primaria-clara: #f1f1f1;
    /* ===== Cores Secundárias ===== */
    --cor-secundaria: #795548;
    --cor-secundaria-escura: #4E342E;
    /* ===== Gradientes ===== */
    --gradiente-icon-rodape: linear-gradient(135deg, #3e6a74, #395961);
    --gradiente-linha-suave: linear-gradient(to right, rgba(166, 124, 82, 0.1), rgba(166, 124, 82, 0));
    /* ===== Rodapé ===== */
    --rodape-bg: linear-gradient(to right, #2D1B18, #4E342E, #2D1B18);
    --rodape-banner-bg: #D7CCC8;
    /* ===== Componentes ===== */
    --cor-destaque-breadcrumb: #486c79;
    --cor-dados-abertos: #A67C52;
    --cor-modal-header: #F5F0EE;
    --menu-dropdown: rgba(45, 27, 24, 0.98);
    /* ===== Tile ===== */
    --tile-tema-padrao: #795548;
    --tile-cor-secundaria-tema: #2D1B18;
}

/* ==========================================
   TEMA GRAFITE
   ========================================== */
[data-tema="grafite"] {
    /* ===== Fundo ===== */
    --bg-body: linear-gradient(135deg, #F9F9F9 0%, #F1F1F1 100%);
    /* ===== Menu cabeçalho ===== */
    --cor-menu-cabecalho-titulo: #eaeaea;
    /* ===== Cores Primárias ===== */
    --cor-primaria: #374151;
    --cor-primaria-escura: #111827;
    --cor-primaria-clara: #F3F4F6;
    /* ===== Cores Secundárias ===== */
    --cor-secundaria: #6B7280;
    --cor-secundaria-escura: #374151;
    /* ===== Gradientes ===== */
    --gradiente-icon-rodape: linear-gradient(135deg, #7d6b80, #7d6b80);
    --gradiente-linha-suave: linear-gradient(to right, rgba(107, 114, 128, 0.1), rgba(107, 114, 128, 0));
    /* ===== Rodapé ===== */
    --rodape-bg: linear-gradient(to right, #111827, #1F2937, #111827);
    --rodape-banner-bg: #D1D5DB;
    /* ===== Componentes ===== */
    --cor-destaque-breadcrumb: #7d6b80;
    --cor-dados-abertos: #4B5563;
    --cor-modal-header: #F3F4F6;
    --menu-dropdown: rgba(17, 24, 39, 0.98);
    /* ===== Tile ===== */
    --tile-tema-padrao: #6B7280;
    --tile-cor-secundaria-tema: #111827;
}

/* ==========================================
   TEMA AMARELO
   ========================================== */
/*[data-tema="amarelo"] {*/
    /* ===== Fundo ===== */
    /*--bg-body: linear-gradient(135deg, #FFFDF7 0%, #FBF7ED 100%);*/
    /* ===== Menu cabecalho ===== */
    /*--cor-menu-cabecalho-titulo: #5b502e;*/
    /* ===== Cores Primárias ===== */
    /*--cor-primaria: #878764;
    --cor-primaria-escura: #727254;
    --cor-primaria-clara: #FFFBEB;*/
    /* ===== Cores Secundárias ===== */
    /*--cor-secundaria: #f5f5c6;
    --cor-secundaria-escura: #727254;*/
    /* ===== Gradientes ===== */
    /*--gradiente-icon-rodape: linear-gradient(135deg, ##545472, ##545472);
    --gradiente-linha-suave: linear-gradient(to right, rgba(217, 119, 6, 0.1), rgba(217, 119, 6, 0));*/
    /* ===== Rodapé ===== */
    /*--rodape-bg: linear-gradient(to right, #727254, #878764, #727254);
    --rodape-banner-bg: ##d5d5cc;*/
    /* ===== Componentes ===== */
    /*--cor-destaque-breadcrumb: #b0b0e4;
    --cor-dados-abertos: #D97706;
    --cor-modal-header: #FFFBEB;
    --menu-dropdown: rgba(83, 63, 3, 0.98);*/
    /* ===== Tile ===== */
    /*--tile-tema-padrao: #B7901A;
    --tile-cor-secundaria-tema: #533F03;
}*/

/* ==========================================
   TEMA LARANJA
   ========================================== */
[data-tema="laranja"] {
    /* ===== Fundo ===== */
    --bg-body: linear-gradient(135deg, #FFFDFB 0%, #F9F4F0 100%);
    /* ===== Menu cabecalho ===== */
    --cor-menu-cabecalho-titulo: #ffffff;
    /* ===== Cores Primárias ===== */
    --cor-primaria: #914527;
    --cor-primaria-escura: #431407;
    --cor-primaria-clara: #f1f1f1;
    /* ===== Cores Secundárias ===== */
    --cor-secundaria: #cf6338;
    --cor-secundaria-escura: #7C2D12;
    /* ===== Gradientes ===== */
    --gradiente-icon-rodape: linear-gradient(135deg, #0c6e89, #073643);
    --gradiente-linha-suave: linear-gradient(to right, rgba(234, 88, 12, 0.1), rgba(234, 88, 12, 0));
    /* ===== Rodapé ===== */
    --rodape-bg: linear-gradient(to right, #431407, #7C2D12, #431407);
    --rodape-banner-bg: #FFEDD5;
    /* ===== Componentes ===== */
    --cor-destaque-breadcrumb: #0c6e89;
    --cor-dados-abertos: #EA580C;
    --cor-modal-header: #FFF7ED;
    --menu-dropdown: rgba(67, 20, 7, 0.98);
    /* ===== Tile ===== */
    --tile-tema-padrao: #cf6338;
    --tile-cor-secundaria-tema: #431407;
}


/* ==========================================
   TEMA ROXO
   ========================================== */
[data-tema="roxo"] {
    /* ===== Fundo ===== */
    --bg-body: linear-gradient(135deg, #FDFDFF 0%, #F5F3F7 100%);
    /* ===== Menu cabecalho ===== */
    --cor-menu-cabecalho-titulo: #ffffff;
    /* ===== Cores Primárias ===== */
    --cor-primaria: #523B70;
    --cor-primaria-escura: #311B4D;
    --cor-primaria-clara: #f1f1f1;
    /* ===== Cores Secundárias ===== */
    --cor-secundaria: #8E7AB5;
    --cor-secundaria-escura: #523B70;
    /* ===== Gradientes ===== */
    --gradiente-icon-rodape: linear-gradient(135deg, #a1b57a, #59703b);
    --gradiente-linha-suave: linear-gradient(to right, rgba(124, 94, 176, 0.1), rgba(124, 94, 176, 0));
    /* ===== Rodapé ===== */
    --rodape-bg: linear-gradient(to right, #523B70, #6D5191, #523B70);
    --rodape-banner-bg: #E4D9F0;
    /* ===== Componentes ===== */
    --cor-destaque-breadcrumb: #96bd46;
    --cor-dados-abertos: #7C5EB0;
    --cor-modal-header: #F3EBF7;
    --menu-dropdown: rgba(82, 59, 112, 0.98);
    /* ===== Tile ===== */
    --tile-tema-padrao: #8E7AB5;
    --tile-cor-secundaria-tema: #311B4D;
}


/* ==========================================
   TEMA LILAS
   ========================================== */
[data-tema="lilas"] {
    /* ===== Fundo ===== */
    --bg-body: linear-gradient(135deg, #FDFDFF 0%, #F5F3F7 100%);
    /* ===== Menu cabecalho ===== */
    --cor-menu-cabecalho-titulo: #3b2d57;
    /* ===== Cores Primárias ===== */
    --cor-primaria: #523B70;
    --cor-primaria-escura: #311B4D;
    --cor-primaria-clara: #f1f1f1;
    /* ===== Cores Secundárias ===== */
    --cor-secundaria: #eee5ff;
    --cor-secundaria-escura: #523B70;
    /* ===== Gradientes ===== */
    --gradiente-icon-rodape: linear-gradient(135deg, #a1b57a, #59703b);
    --gradiente-linha-suave: linear-gradient(to right, rgba(124, 94, 176, 0.1), rgba(124, 94, 176, 0));
    /* ===== Rodapé ===== */
    --rodape-bg: linear-gradient(to right, #523B70, #6D5191, #523B70);
    --rodape-banner-bg: #E4D9F0;
    /* ===== Componentes ===== */
    --cor-destaque-breadcrumb: #96bd46;
    --cor-dados-abertos: #7C5EB0;
    --cor-modal-header: #F3EBF7;
    --menu-dropdown: rgba(82, 59, 112, 0.98);
    /* ===== Tile ===== */
    --tile-tema-padrao: #a492c7;
    --tile-cor-secundaria-tema: #311B4D;
}


/* ==========================================
   TEMA AZUL CLARO
   ========================================== */

[data-tema="azul-claro"] {
    /* ===== Fundo ===== */
    --bg-body: linear-gradient(135deg, #F8FDFF 0%, #F0F9FA 100%);
    /* ===== Menu cabecalho  ===== */
    --cor-menu-cabecalho-titulo: #164E63;
    /* ===== Cores Primárias ===== */
    --cor-primaria: #164E63;
    --cor-primaria-escura: #0E3A4A;
    --cor-primaria-clara: #f1f1f1;
    /* ===== Cores Secundárias ===== */
    --cor-secundaria: #c6e9f9;
    --cor-secundaria-escura: #164E63;
    /* ===== Gradientes ===== */
    --gradiente-icon-rodape: linear-gradient(135deg, #A5F3FC, #7DD3FC);
    --gradiente-linha-suave: linear-gradient(to right, rgba(22, 78, 99, 0.1), rgba(22, 78, 99, 0));
    /* ===== Rodapé  ===== */
    --rodape-bg: linear-gradient(to right, #0E3A4A, #164E63, #0E3A4A);
    --rodape-banner-bg: #E0F7FA;
    /* ===== Componentes ===== */
    --cor-destaque-breadcrumb: #0891B2;
    --cor-dados-abertos: #0891B2;
    --cor-modal-header: #E0F7FA;
    --menu-dropdown: rgba(255, 255, 255, 0.98);
    /* ===== Tile ===== */
    --tile-tema-padrao: #2a9ac3;
    --tile-cor-secundaria-tema: #0E3A4A;
}

[data-tema="verde-atlantico"] {
    /* ===== Fundo ===== */
    --bg-body: #e9f9f6;
    /* ===== Menu cabecalho ===== */
    --cor-menu-cabecalho-titulo: #ffffff;
    /* ===== Cores Primárias ===== */
    --cor-primaria: #0c403d;
    --cor-primaria-escura: #063432;
    --cor-primaria-clara: #f1f1f1;
    /* ===== Cores Secundárias ===== */
    --cor-secundaria: #0D4744;
    --cor-secundaria-escura: #042F2D;
    /* ===== Gradientes ===== */
    --gradiente-icon-rodape: linear-gradient(135deg, #edfdfd, #edfdfd);
    --gradiente-linha-suave: linear-gradient(to right, rgba(13, 71, 68, 0.1), rgba(13, 71, 68, 0));
    /* ===== Rodapé ===== */
    --rodape-bg: #042F2D;
    --rodape-banner-bg: #D1EAE7;
    /* ===== Componentes ===== */
    --cor-destaque-breadcrumb: #f7fffd;
    --cor-dados-abertos: #00796B;
    --cor-modal-header: #E0F2F1;
    --menu-dropdown: rgba(4, 47, 45, 0.98);
    /* ===== Tile ===== */
    --tile-tema-padrao: #136662;
    --tile-cor-secundaria-tema: #0c403d;
}
/* ==========================================
   CORES NEUTRAS (COMUNS A TODOS OS TEMAS)
   ========================================== */
:root {
    /* ===== Cores Neutras ===== */
    --cor-branco: #ffffff;
    --cor-preto: #000000;
    --cor-cinza-900: #111111;
    --cor-cinza-200: #EDEDED;
    --cor-cinza-suave: #f8fafb;
    /* ===== Texto ===== */
    --cor-texto-secundario: #2c3e50;
    --cor-texto-terciario: #666666;
    --cor-texto-quaternario: #777777;
    --cor-texto-desabilitado: #999999;
    /* ===== Bordas ===== */
    --cor-borda: #CCCCCC;
    --cor-borda-clara: #DEE2E6;
    --cor-borda-escura: #999999;
    --rodape-borda-topo: rgba(255, 255, 255, 0.1);
    /* ===== Sombras ===== */
    --sombra-padrao: 0 3px 8px rgba(31, 63, 91, 0.3);
    --rodape-sombra: 0 -2px 6px rgba(0, 0, 0, 0.08);
}


body {
    background: var(--bg-body);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}