/* Condi — tokens de marca · v0.1 · 2026-09-12
   Fonte de verdade: manual-de-marca.md. Alterar lá primeiro, depois aqui. */

:root {
  /* base */
  --papel: #FCFBF7;
  --preto: #111111;

  /* laranja tonal (da bolsa) */
  --laranja-1: #F0592B;   /* nome, grafismo, links */
  --laranja-2: #F7941D;   /* botão principal, lacuna, pingo do i */
  --laranja-3: #F9C36B;   /* botão secundário, grafismo */
  --laranja-palido: #FDE3C8;
  --laranja-palido-texto: #B4470F;

  /* gesto de marca */
  --grifo: #FCEE3A;       /* marca-texto. só isso. */

  /* reserva */
  --azul: #2F6BAE;        /* veredito "parcial"; frio de reserva */

  /* vereditos (só na tela de revisão) */
  --v-sustentada: #2F7D6B;
  --v-parcial: #2F6BAE;
  --v-contradita: #A64B3C;
  --v-sem-evidencia: #737373;
  --lacuna-fundo: #FDF0DF;
  --contradita-fundo: #F6E4E0;

  /* superfícies e linhas */
  --linha: #EDE9E0;
  --linha-forte: #E3DCCB;
  --texto-secundario: #555555;
  --texto-terciario: #8A8478;

  /* tipografia (confirmada na landing, 2026-09-12) */
  --fonte-titulo: Georgia, "Times New Roman", serif;
  --fonte-ata: Georgia, "Times New Roman", serif;
  --fonte-ui: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --fonte-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --fonte-nome: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  /* superfícies fixas: o mesmo hex nos dois modos */
  --folha: #FFFFFF;        /* papel da ata dentro da página */
  --grifo-texto: #111111;  /* texto em cima do amarelo, sempre escuro */
  --botao-texto: #111111;  /* texto em cima do laranja, sempre escuro */

  /* modo escuro, pelo visitante (manual §2.1). Só remapeia; nada aqui é automático. */
  --escuro-papel: #1B1917;
  --escuro-folha: #262220;
  --escuro-texto: #F3EFE6;
  --escuro-texto-secundario: #BDB5A9;
  --escuro-texto-terciario: #8F887C;
  --escuro-linha: #35302B;
  --escuro-linha-forte: #4A443D;
  --escuro-laranja-palido: #3B2718;
  --escuro-laranja-palido-texto: #F6B983;
  --escuro-lacuna-fundo: #33271A;
  --escuro-contradita-fundo: #3A2523;
  --escuro-sombra: 0 18px 40px rgba(0, 0, 0, 0.5);

  /* forma */
  --raio: 7px;
  --raio-etiqueta: 4px;
  --sombra-unica: 0 18px 40px rgba(17, 17, 17, 0.12); /* uma sombra só, longa e difusa */
}

/* modo escuro: o visitante liga (data-tema="escuro" no <html>), o site guarda a escolha.
   Nunca por prefers-color-scheme. Laranjas, grifo e vereditos não mudam. */
:root[data-tema="escuro"] {
  --papel: var(--escuro-papel);
  --folha: var(--escuro-folha);
  --preto: var(--escuro-texto);
  --texto-secundario: var(--escuro-texto-secundario);
  --texto-terciario: var(--escuro-texto-terciario);
  --linha: var(--escuro-linha);
  --linha-forte: var(--escuro-linha-forte);
  --laranja-palido: var(--escuro-laranja-palido);
  --laranja-palido-texto: var(--escuro-laranja-palido-texto);
  --lacuna-fundo: var(--escuro-lacuna-fundo);
  --contradita-fundo: var(--escuro-contradita-fundo);
  --sombra-unica: var(--escuro-sombra);
}

/* gesto de marca-texto: traço levemente torto, pontas irregulares */
.grifo {
  display: inline-block;
  padding: 0 .2em;
  border-radius: .3em .1em .35em .15em;
  transform: rotate(-.6deg);
  background: var(--grifo);
  color: var(--grifo-texto);
}

/* nome "condi": texto normal + pingo do i em laranja-2 */
.condi-nome {
  font-family: var(--fonte-nome);
  font-weight: 800;
  letter-spacing: -.01em;
  color: var(--laranja-1);
  line-height: 1;
  display: inline-block;
}
.condi-nome .i { position: relative; display: inline-block; }
.condi-nome .i::after {
  content: "";
  position: absolute; left: 50%; top: .06em;
  transform: translateX(-50%);
  width: .2em; height: .2em; border-radius: 50%;
  background: var(--laranja-2);
}
/* uso: <span class="condi-nome">cond<span class="i">ı</span></span>  (ı = U+0131, i sem pingo) */

/* botões */
.btn { display: inline-block; font-family: var(--fonte-ui); font-weight: 700; padding: .55rem 1rem; border-radius: var(--raio); background: var(--laranja-2); color: var(--botao-texto); }
.btn.sec { background: var(--laranja-3); font-weight: 600; }

/* etiquetas de evidência */
.etiqueta { font-family: var(--fonte-mono); font-size: .7rem; letter-spacing: .05em; padding: .16rem .45rem; border-radius: var(--raio-etiqueta); background: var(--laranja-palido); color: var(--laranja-palido-texto); }
.etiqueta.audio { background: var(--preto); color: var(--papel); }

/* vereditos */
.veredito { font-family: var(--fonte-ui); font-size: .64rem; font-weight: 600; letter-spacing: .02em; padding: .2rem .5rem; border-radius: 999px; color: #fff; }
.veredito.sustentada { background: var(--v-sustentada); }
.veredito.parcial { background: var(--v-parcial); }
.veredito.contradita { background: var(--v-contradita); }
.veredito.sem-evidencia { background: var(--v-sem-evidencia); }

/* avisos */
.lacuna { padding: .55rem .7rem; border-radius: 6px; border-left: 3px solid var(--laranja-2); background: var(--lacuna-fundo); }
.contradita-aviso { padding: .55rem .7rem; border-radius: 6px; border-left: 3px solid var(--v-contradita); background: var(--contradita-fundo); }