@font-face {
    font-family: 'allerregular';
    src: url('../fonts/aller.regular-webfont.woff2') format('woff2'),
         url('../fonts/aller.regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* ===== Variáveis do tema ===== */
:root {
    --bg-principal: #f1f1f1;
    --bg-superficie: #ffffff;
    --bg-carta: rgba(255, 255, 255, 0.9);
    --borda-sutil: rgba(0, 0, 0, 0.1);
    --borda-hover: rgba(0, 91, 172, 0.4);
    --texto-primario: #1a1a1a;
    --texto-secundario: rgba(0, 0, 0, 0.55);
    --acento-principal: #005bac;
    --acento-verde: #0a7924;
    --linha-conexao: #aaa;
    --sombra-glow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

html, body {
    font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
    overflow: hidden;
    background-color: var(--bg-principal);
    color: var(--texto-primario);
}

/* ===== Cores das cabines por tipo ===== */
.N0 > div.cabine { background-color: rgb(112, 132, 193) !important; }
.CJ4 > div.cabine { background-color: rgb(166, 206, 57) !important; }
.CJ3 > div.cabine { background-color: rgb(245, 130, 32) !important; }
.CJ2 > div.cabine { background-color: rgb(158, 118, 179) !important; }
.CJ1 > div.cabine { background-color: rgb(227, 234, 199) !important; }
.FC6 > div.cabine { background-color: rgb(224, 55, 59) !important; }
.FC5 > div.cabine { background-color: rgb(255, 246, 133) !important; }
.FC4 > div.cabine { background-color: rgb(252, 198, 140) !important; }
.FC3 > div.cabine { background-color: rgb(198, 196, 225) !important; }
.NUPEMEC-JT > div.cabine { background-color: rgb(98, 144, 143) !important; }
.OIVT > div.cabine { background-color: rgb(0, 174, 239) !important; }
.GAB_DES > div.cabine { background-color: rgb(208, 75, 113) !important; }
.TRT > div.cabine { background-color: rgb(108, 152, 201) !important; }

/* ===== Linhas de conexão ===== */
.orgchart .hierarchy::before {
    border-color: var(--linha-conexao) !important;
}

.orgchart > ul > li > ul li > .node::before {
    background-color: var(--linha-conexao) !important;
}

.orgchart .node:not(:only-child)::after {
    background-color: var(--linha-conexao) !important;
}

.orgchart .nodes.vertical .hierarchy::before,
.orgchart .nodes.vertical .hierarchy::after {
    border-color: var(--linha-conexao) !important;
}

.orgchart .nodes.vertical::before {
    border-color: var(--linha-conexao) !important;
    background-color: var(--linha-conexao) !important;
}

/* ===== Cores da legenda ===== */
span.verde { background-color: rgb(166, 206, 57); }
span.laranja { background-color: rgb(245, 130, 32); }
span.roxo { background-color: rgb(158, 118, 179); }
span.bege { background-color: rgb(227, 234, 199); }
span.vermelho { background-color: rgb(238, 29, 35); }
span.amarelo { background-color: rgb(255, 246, 133); }
span.bege2 { background-color: rgb(252, 198, 140); }
span.lilas { background-color: rgb(198, 196, 225); }
span.legenda-desembargador { background-color: rgb(208, 75, 113); }
span.legenda-juiz { background-color: rgb(0, 174, 239); }
span.legenda-outros { background-color: rgb(98, 144, 143); }