/* Identidade visual: direção B · Mostarda e marinho (escolhida pelo dono em 29/10/2026, no lugar da
   direção C · Extrato clássico de 18/10: "falta vida", "parece UTI"). Azul-marinho dá a sobriedade; o amarelo
   mostarda dá vida, em pouca área (topo, cartão do índice, destaques), nunca como fundo de texto longo.
   Claro por padrão (decisão de 22/10); versão escura pelo botão. Trocar cores e fontes só aqui. */

/* Fontes guardadas no próprio app: arquivos originais dos autores, sem alteração
   (IBM Plex: IBM Corp.; Source Serif 4: Adobe; licença SIL OFL 1.1 em fontes/). Nada é buscado fora. */
@font-face { font-family: 'IBM Plex Sans'; font-weight: 400; font-style: normal; font-display: swap; src: url('../fontes/IBMPlexSans-Regular.woff2') format('woff2'); }
@font-face { font-family: 'IBM Plex Sans'; font-weight: 500; font-style: normal; font-display: swap; src: url('../fontes/IBMPlexSans-Medium.woff2') format('woff2'); }
@font-face { font-family: 'IBM Plex Sans'; font-weight: 600; font-style: normal; font-display: swap; src: url('../fontes/IBMPlexSans-SemiBold.woff2') format('woff2'); }
@font-face { font-family: 'IBM Plex Mono'; font-weight: 400; font-style: normal; font-display: swap; src: url('../fontes/IBMPlexMono-Regular.woff2') format('woff2'); }
@font-face { font-family: 'IBM Plex Mono'; font-weight: 500; font-style: normal; font-display: swap; src: url('../fontes/IBMPlexMono-Medium.woff2') format('woff2'); }
@font-face { font-family: 'Source Serif 4'; font-weight: 400 500; font-style: normal; font-display: swap; src: url('../fontes/SourceSerif4-Regular.ttf.woff2') format('woff2'); }

/* Tema escuro: marinho profundo, com o mostarda como acento */
:root {
  --bg: #18243A;           /* um pouco mais claro (dono, 29/10) */
  --painel: #1C2A43;
  --quadro: #22324F;
  --quadro-borda: #3A4D73;
  --cartao: #22324F;
  --cartao-borda: #3A4D73;
  --apoio: #AEB7C8;
  --campo-borda: #7D8AA6;  /* borda do campo dentro do cartão: 3:1 ou mais (WCAG 1.4.11) */
  --campo-fundo: #1C2A43;
  --texto: #F4EFE2;
  --texto-2: #AEB7C8;
  --linha: #33466A;
  --forte: #F4EFE2;
  --acento: #F2B705;
  --acento-texto: #14213D;
  --aviso: #F6C25B;
  --aviso-fundo: #3A2E12;
  --ok: #7FD39B;
  --ok-fundo: #15301F;
  --erro: #F4A39A;
  --erro-fundo: #3D1A17;
  --info: #C9D2E3;
  --info-fundo: #1F2A42;
  --foco: #F2B705;
  /* topo e destaque (cartão do Índice de Saúde Financeira) */
  --topo-fundo: #2A4170;
  --topo-texto: #F2B705;
  --topo-apoio: #C9D2E3;
  --topo-linha: #2A4170;
  --destaque: #F2B705;
  --destaque-texto: #14213D;
  --fonte-titulo: 'Source Serif 4', Georgia, 'Times New Roman', serif;
  --fonte-texto: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --fonte-numero: 'IBM Plex Mono', ui-monospace, 'Courier New', monospace;
  --raio: 4px;
  /* uma cor para cada ferramenta: tom para texto e fundo bem leve */
  --cor-preco: #F5A35B;  --cor-preco-fundo: #3A2814;
  --cor-orc: #5CC6D6;    --cor-orc-fundo: #13303A;
  --cor-fech: #6FD394;   --cor-fech-fundo: #14301F;
  --cor-caixa: #A79BFF;  --cor-caixa-fundo: #262347;
  /* toques de cor viva: só em ícones, faixas e barras, nunca em texto corrido */
  --viva-preco: #F28C28; --viva-orc: #22B8C9; --viva-fech: #34C47C; --viva-caixa: #7C6CFF; --viva-texto: #18243A;
  color-scheme: dark;
}
/* Tema claro (padrão): creme com marinho e mostarda */
:root[data-tema="claro"] {
  --bg: #FBF7EC;           /* creme claro, mais quente que o areia anterior */
  --painel: #FFFDF7;
  --quadro: #FFFFFF;
  --quadro-borda: #E3D8BE;
  --cartao: #FFFFFF;
  --cartao-borda: #E3D8BE;
  --apoio: #2F3B52;           /* mais forte (dono, 29/10: "letras apagadas") */
  --campo-borda: #8A8470;  /* 3,6:1 sobre o cartão branco */
  --campo-fundo: #FBF7EC;
  --texto: #101A2E;        /* marinho bem escuro, mais forte que antes */
  --texto-2: #2F3B52;
  --linha: #E6DCC5;
  --forte: #101A2E;
  --acento: #2B4A80;       /* marinho mais claro (dono, 29/10: "quase preto"); botão com texto mostarda, 5:1 */
  --acento-texto: #F2B705;
  --aviso: #8A4B00;
  --aviso-fundo: #FDF0D5;
  --ok: #1E7A45;
  --ok-fundo: #E2F4E8;
  --erro: #B42318;
  --erro-fundo: #FCE7E4;
  --info: #33415C;
  --info-fundo: #EDF0F6;
  --foco: #1D4ED8;
  --topo-fundo: #2B4A80;
  --topo-texto: #F2B705;
  --topo-apoio: #F1F4FA;
  --topo-linha: #2B4A80;
  --destaque: #F2B705;
  --destaque-texto: #14213D;
  /* ferramentas: tom de texto com contraste 4,5:1 ou mais sobre o branco, e fundo bem claro */
  --cor-preco: #A44C00;  --cor-preco-fundo: #FDEBD7;
  --cor-orc: #0F6B7A;    --cor-orc-fundo: #DDF1F4;
  --cor-fech: #1E7A45;   --cor-fech-fundo: #E1F3E8;
  --cor-caixa: #5546C9;  --cor-caixa-fundo: #ECEAFC;
  --viva-preco: #E07A1F; --viva-orc: #1B8A9E; --viva-fech: #2E9D5B; --viva-caixa: #6C5CE7; --viva-texto: #FFFFFF;
  color-scheme: light;
}