/* ntcip.com.br — variações de cor
   Só cores. Layout, tipografia e espaçamento são idênticos em todos.
   Âmbar e laranja estão presentes em todos os temas.

   Aplicação:  <html data-tema="asfalto">
   Sem atributo = tema "rodovia" (o padrão em style.css).

   Base de cor da marca (Coolors):
   e8e818  fcc700  e9b43a  0a3947  212178  292971  003478  00479f  5f5fd3  ca2e3a */

/* ============================================================== ASFALTO ==
   Preto e grafite. Sem matiz no fundo — o âmbar carrega toda a cor.
   Máximo contraste, leitura noturna. */

[data-tema="asfalto"] {
  --bg-top:      #141414;
  --bg-bottom:   #080808;
  --panel:       #1c1c1c;
  --panel-line:  #343434;

  --text:        #ece7e0;
  --text-dim:    #948d84;
  --heading:     #ffffff;

  --amber:       #ffbf00;
  --amber-hi:    #ffe27a;
  --acento-claro:  #7fb6f0;
  --acento:      #3f8fe0;

  --code:        #ffd166;
  --code-bg:     #0c0c0c;

  --sign-bg:     #000000;
  --sign-px:     #ffb000;
  --sign-frame:  #3a3a38;

  --table-bg:        #242424;
  --table-alt:       #1b1b1b;
  --table-text:      #ece7e0;
  --table-line:      #3d3d3d;
  --table-frame:     #3d3d3d;
  --table-head-text: #1a1206;
  --table-code:      #ffd166;
  --table-code-bg:   rgba(0, 0, 0, 0.45);

  --card-hover:      #232323;
  --placeholder-alt: #202020;
  --wip-text:        #0b1a2e;
}

/* ============================================================= PETRÓLEO ==
   Azul-petróleo 0A3947 da paleta, com âmbar FCC700.
   Sóbrio, institucional, ainda escuro. */

[data-tema="petroleo"] {
  --bg-top:      #0a3947;
  --bg-bottom:   #05212a;
  --panel:       #0e4354;
  --panel-line:  #1d5d70;

  --text:        #e6f2f4;
  --text-dim:    #9bb8bf;
  --heading:     #ffffff;

  --amber:       #fcc700;
  --amber-hi:    #ffe374;
  --acento-claro:  #9cc6f5;
  --acento:      #5aa2f0;

  --code:        #fcc700;
  --code-bg:     #041a21;

  --sign-bg:     #03151a;
  --sign-px:     #fcc700;
  --sign-frame:  #2b6678;

  --table-bg:        #0f5265;
  --table-alt:       #0c4555;
  --table-text:      #eaf5f7;
  --table-line:      #2a7086;
  --table-frame:     #2a7086;
  --table-head-text: #24160a;
  --table-code:      #ffe9a8;
  --table-code-bg:   rgba(0, 0, 0, 0.32);

  --card-hover:      #114b5e;
  --placeholder-alt: #0c3f4e;
  --wip-text:        #05212a;
}

/* ============================================================== MARINHO ==
   Índigo 212178 e marinho 003478 da paleta.
   O mais próximo da sinalização informativa brasileira. */

[data-tema="marinho"] {
  --bg-top:      #16164a;
  --bg-bottom:   #0a0a26;
  --panel:       #1e1e63;
  --panel-line:  #34349b;

  --text:        #e9e9f6;
  --text-dim:    #a3a3c6;
  --heading:     #ffffff;

  --amber:       #fcc700;
  --amber-hi:    #ffe374;
  --acento-claro:  #9cc6f5;
  --acento:      #5aa2f0;

  --code:        #fcc700;
  --code-bg:     #08081e;

  --sign-bg:     #05051a;
  --sign-px:     #fcc700;
  --sign-frame:  #3b3b80;

  --table-bg:        #003478;
  --table-alt:       #002b62;
  --table-text:      #eef2fb;
  --table-line:      #2b559b;
  --table-frame:     #2b559b;
  --table-head-text: #24160a;
  --table-code:      #ffe9a8;
  --table-code-bg:   rgba(0, 0, 0, 0.32);

  --card-hover:      #23237a;
  --placeholder-alt: #1a1a58;
  --wip-text:        #0a0a26;
}

/* ================================================================ PAPEL ==
   Fundo claro, leitura longa e impressão. Âmbar escurecido nos links
   para manter contraste sobre claro; laranja mantido nos realces. */

[data-tema="papel"] {
  --bg-top:      #faf7f1;
  --bg-bottom:   #efe8dc;
  --panel:       #ffffff;
  --panel-line:  #dbd2c2;

  --text:        #262019;
  --text-dim:    #6c6355;
  --heading:     #14100a;

  --amber:       #8a5000;
  --amber-hi:    #5e3600;
  --acento-claro:  #0a4a8a;
  --acento:      #0a4a8a;

  --code:        #7a4a05;
  --code-bg:     #f4efe4;

  --sign-bg:     #0a0c0a;
  --sign-px:     #ffb000;
  --sign-frame:  #8a8275;

  --table-bg:        #005643;
  --table-alt:       #004636;
  --table-text:      #f1f1f1;
  --table-line:      #f1f1f1;
  --table-frame:     #111111;
  --table-head-bg:   #f9ac00;
  --table-head-text: #111111;
  --table-code:      #ffe9a8;
  --table-code-bg:   rgba(0, 0, 0, 0.32);

  --card-hover:      #fffdf7;
  --placeholder-alt: #f3ede1;
  --wip-text:        #ffffff;
}

/* =============================================================== SINAL ===
   Branco e preto puros, âmbar e laranja só nos realces.
   Contraste máximo — a lógica da placa de trânsito. */

[data-tema="sinal"] {
  --bg-top:      #ffffff;
  --bg-bottom:   #ffffff;
  --panel:       #ffffff;
  --panel-line:  #111111;

  --text:        #000000;
  --text-dim:    #4a4a4a;
  --heading:     #000000;

  --amber:       #8a4b00;
  --amber-hi:    #000000;
  --acento-claro:  #0a4a8a;
  --acento:      #0a4a8a;

  --code:        #1a1a1a;
  --code-bg:     #f2f2f2;

  --sign-bg:     #000000;
  --sign-px:     #ffb000;
  --sign-frame:  #111111;

  --table-bg:        #ffffff;
  --table-alt:       #f2f2f2;
  --table-text:      #000000;
  --table-line:      #111111;
  --table-frame:     #111111;
  --table-head-text: #000000;
  --table-code:      #1a1a1a;
  --table-code-bg:   rgba(0, 0, 0, 0.06);

  --card-hover:      #fff6e8;
  --placeholder-alt: #f6f6f6;
  --wip-text:        #ffffff;
}

/* ========================================================================
   TEMAS DE PLACA
   Cores oficiais do Manual Brasileiro de Sinalização de Trânsito,
   convertidas de Munsell (iluminante C) para sRGB com adaptação CAT02:

     amarela   10YR 7,5/14   #f9ac00   fundo de advertência    (MBST Vol. II)
     verde     10 G 3/8      #005643   fundo de indicação      (MBST Vol. III)
     azul      5 PB 2/8      #003166   fundo de indicação      (MBST Vol. III)
     branca    N 9,5         #f1f1f1   legendas e orlas
     preta     N 0,5         #111111   legendas
     marrom    5 YR 6/14     #e17800   indicação turística

   Nas tabelas dos dois temas: cabeçalho em amarelo de advertência com
   legenda preta, corpo em verde de indicação com legenda branca e orla
   branca — as duas famílias de placa empilhadas.
   ======================================================================== */

/* ======================================================= PLACA NOTURNA ==
   Asfalto preto com tabelas em verde de placa. */

[data-tema="placa-noturna"] {
  --bg-top:      #141414;
  --bg-bottom:   #080808;
  --panel:       #1b1b1b;
  --panel-line:  #343434;

  --text:        #ece7e0;
  --text-dim:    #948d84;
  --heading:     #ffffff;

  --amber:       #f9ac00;
  --amber-hi:    #ffd166;
  --acento-claro:  #7fb6f0;
  --acento:      #3f8fe0;

  --code:        #f9ac00;
  --code-bg:     #0c0c0c;

  --sign-bg:     #000000;
  --sign-px:     #ffb000;
  --sign-frame:  #3a3a38;

  --table-bg:        #005643;
  --table-alt:       #004636;
  --table-text:      #f1f1f1;
  --table-line:      #f1f1f1;
  --table-frame:     #f1f1f1;
  --table-head-bg:   #f9ac00;
  --table-head-text: #111111;
  --table-code:      #ffe9a8;
  --table-code-bg:   rgba(0, 0, 0, 0.32);

  --card-hover:      #222222;
  --placeholder-alt: #1f1f1f;
  --wip-text:        #0b1a2e;
}

/* ======================================================= PLACA MARINHA ==
   Azul de indicação como fundo, tabelas em verde de placa. */

[data-tema="placa-marinha"] {
  --bg-top:      #003166;
  --bg-bottom:   #001f42;
  --panel:       #05356b;
  --panel-line:  #2d5681;

  --text:        #e8eef7;
  --text-dim:    #a4b8d1;
  --heading:     #ffffff;

  --amber:       #f9ac00;
  --amber-hi:    #ffd166;
  --acento-claro:  #9cc6f5;
  --acento:      #5aa2f0;

  --code:        #f9ac00;
  --code-bg:     #001a38;

  --sign-bg:     #00101f;
  --sign-px:     #ffb000;
  --sign-frame:  #2d5681;

  --table-bg:        #005643;
  --table-alt:       #004636;
  --table-text:      #f1f1f1;
  --table-line:      #f1f1f1;
  --table-frame:     #f1f1f1;
  --table-head-bg:   #f9ac00;
  --table-head-text: #111111;
  --table-code:      #ffe9a8;
  --table-code-bg:   rgba(0, 0, 0, 0.32);

  --card-hover:      #063d78;
  --placeholder-alt: #052c5c;
  --wip-text:        #001f42;
}


/* ============================================================== RODOVIA ==
   O verde original do tema IRIS. Mantido para comparação. */

[data-tema="rodovia"] {
  --bg-top:      #283028;
  --bg-bottom:   #1c201c;
  --panel:       #222a22;
  --panel-line:  #3a463a;

  --text:        #ffeedd;
  --text-dim:    #b9ae9f;
  --heading:     #f0f0f0;

  --amber:       #ffbf00;
  --amber-hi:    #ffee99;
  --acento-claro:  #9cc6f5;
  --acento:      #5aa2f0;

  --code:        #ffdd88;
  --code-bg:     #161a16;

  --sign-bg:     #0a0c0a;
  --sign-px:     #ffb000;
  --sign-frame:  #4a4a44;

  --table-bg:        #408050;
  --table-alt:       #3c784a;
  --table-text:      #ffffff;
  --table-line:      #ffffff;
  --table-frame:     #ffffff;
  --table-head-bg:   #c8690c;
  --table-head-text: #ffffff;
  --table-code:      #fff8e0;
  --table-code-bg:   rgba(0, 0, 0, 0.3);

  --card-hover:      #263026;
  --placeholder-alt: #262f26;
  --wip-text:        #1c201c;
}