/* Marca "domus" na interface: fontes e cores da identidade "Caderninho" (a do
 * site domusfinanceiro.com.br) por cima dos tokens da Atos em
 * src/estilos/tokens.css. O index.html carrega este arquivo só quando a pilha
 * tem MARCA=domus; o seletor [data-marca="domus"] (posto pelo marca.js) ganha
 * dos tokens padrão por especificidade.
 *
 *   caneta azul #1E3A8A · caneta vermelha #D2342B · porta dourada #E7B23C
 *   aba Negócios #9EC1F0 · papel #FBF9F3 · grafite #24262B
 *
 * Fontes (licenças em fontes/): Instrument Sans nos textos, IBM Plex Mono nos
 * valores, Bricolage Grotesque nos títulos da tela de entrada, Caveat só nas
 * anotações à mão e Sora só no nome "domus".
 */
@font-face { font-family: "Instrument Sans"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("/marca/atual/fontes/instrument-sans-latin-var.woff2") format("woff2-variations"); }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url("/marca/atual/fontes/ibm-plex-mono-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 600; font-display: swap; src: url("/marca/atual/fontes/ibm-plex-mono-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Bricolage Grotesque"; font-style: normal; font-weight: 200 800; font-display: swap; src: url("/marca/atual/fontes/bricolage-grotesque-latin-var.woff2") format("woff2-variations"); }
@font-face { font-family: "Caveat"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("/marca/atual/fontes/caveat-latin-var.woff2") format("woff2-variations"); }
@font-face { font-family: "Sora"; font-style: normal; font-weight: 700; font-display: swap; src: url("/marca/atual/fontes/sora-latin-700-normal.woff2") format("woff2"); }

:root[data-marca="domus"] {
  --font-sans: "Instrument Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --fundo: #fbf9f3;
  --superficie: #ffffff;
  --superficie-2: #faf8f2;
  --superficie-hover: #f4f0e6;
  --superficie-selecao: #e8edf8;
  --borda: #e4dfd2;
  --borda-forte: #cfc8b8;

  --texto: #24262b;
  --texto-2: #4a4d55;
  --texto-3: #6b6f78;

  --primaria: #1e3a8a;
  --primaria-hover: #172e70;
  --primaria-forte: #0f1f4d;
  --primaria-suave: #e8edf8;
  --primaria-texto: #1e3a8a;
  --anel-foco: rgba(30, 58, 138, 0.22);

  --lateral: #1e3a8a;
  --lateral-fim: #0f1f4d;
  --lateral-hover: rgba(255, 255, 255, 0.07);
  --lateral-ativo: rgba(158, 193, 240, 0.2);
  --lateral-texto: #d9e3f0;
  --lateral-texto-2: #9ec1f0;
  --lateral-borda: rgba(255, 255, 255, 0.1);
  --acento: #e7b23c;

  --receita: #1a6b3c;
  --receita-suave: #e2f1e7;
  --despesa: #d2342b;
  --despesa-suave: #fbe7e4;
  --alerta: #7a5203;
  --alerta-suave: #fcf0d6;
  --info: #3a57a8;
  --info-suave: #e8edf8;
  --neutro-suave: #f4f0e6;

  --sombra-1: 0 1px 2px rgba(30, 40, 70, 0.06), 0 1px 3px rgba(30, 40, 70, 0.04);
  --sombra-2: 0 6px 24px rgba(30, 40, 70, 0.1), 0 2px 6px rgba(30, 40, 70, 0.05);
  --sombra-3: 0 24px 60px rgba(30, 40, 70, 0.2);
}

:root[data-marca="domus"][data-tema="escuro"] {
  --fundo: #0f1320;
  --superficie: #151a2b;
  --superficie-2: #181e31;
  --superficie-hover: #1d2439;
  --superficie-selecao: #1b2747;
  --borda: #262e47;
  --borda-forte: #344064;

  --texto: #e8ecf5;
  --texto-2: #a7b0c7;
  --texto-3: #737d96;

  --primaria: #5b7bd6;
  --primaria-hover: #6f8de0;
  --primaria-forte: #9ec1f0;
  --primaria-suave: #1b2747;
  --primaria-texto: #9ec1f0;
  --anel-foco: rgba(158, 193, 240, 0.28);

  --lateral: #0f1f4d;
  --lateral-fim: #0a1535;

  --receita: #5cc48a;
  --receita-suave: #143126;
  --despesa: #f07a72;
  --despesa-suave: #3c1b19;
  --alerta: #f2c14e;
  --alerta-suave: #3a2e10;
  --info: #9ec1f0;
  --info-suave: #1b2747;
  --neutro-suave: #1d2439;

  --sombra-1: 0 1px 2px rgba(0, 0, 0, 0.4);
  --sombra-2: 0 8px 28px rgba(0, 0, 0, 0.45);
  --sombra-3: 0 24px 60px rgba(0, 0, 0, 0.6);
}

/* Valores em fonte mono, como no caderno. */
:root[data-marca="domus"] .num { font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace; }

/* No tema escuro o logotipo azul some no fundo: entra a versão branca. */
:root[data-marca="domus"][data-tema="escuro"] .marca-logo { display: none; }
:root[data-marca="domus"][data-tema="escuro"] .marca-logo-branco { display: block; }