/* ═══════════════════════════════════════════════════════════════════════
   ZIGURATE · A IDENTIDADE. Este arquivo é a fonte única.

   Regra dura: nenhum hex, nenhuma fonte e nenhum raio nascem fora daqui.
   Se uma tela precisa de uma cor que não está nesta lista, ou a cor está
   errada ou a lista está incompleta — e aí a decisão é de marca, não de CSS.

   O que NÃO entra no Zigurate, porque é do IHC e a confusão já custou caro:
     · Spectral (a serifa de título do IHC)
     · o ouro #a8763c (token --ouro do painel financeiro)
     · o espectro RGB (a assinatura do IHC)
   O IHC aparece uma vez só no produto inteiro: a linha do rodapé que diz
   quem fez. Ver ~/Sites/zigurate/site/LEIA.md.
   ═══════════════════════════════════════════════════════════════════════ */
:root{
  /* ── A NOITE. É o estado natural do Zigurate: a pedra na sombra. ────── */
  --noite:#0A0B0D;      /* o fundo de tudo */
  --noite2:#101216;     /* a superfície que sobe um degrau: card, tela, poço */
  --pedra:#DCD3C4;      /* o calcário. É o texto corrente sobre a noite */
  --pedra-esc:#8C8578;  /* a pedra na sombra: fio secundário, eixo, hachura */
  --papel:#FAFAF8;      /* o que precisa saltar: título, link ativo */

  /* ── O ACENTO. UM SÓ, e ele tem função, não é enfeite. ───────────────
     O âmbar é a luz de dentro da câmara — a mesma que o filme fotografa.
     Ele marca ONDE A ATENÇÃO VAI, e em três lugares só:
       · o ponto do símbolo e o ponto de cada ilustração;
       · a linha que lê (o feixe passando no documento);
       · no painel, o que espera uma decisão SUA.
     Fora disso é decoração, e decoração em âmbar apaga o alerta.         */
  --fio:#F0A83C;
  --fio-veu:rgba(240,168,60,.12);
  --fio-borda:rgba(240,168,60,.5);
  /* O âmbar escurecido, para TEXTO sobre o dia. O --fio puro tem 2,1:1 de
     contraste sobre o véu — ilegível em 10px. Este é o mesmo tom rebaixado
     em luminosidade, e só existe para chip e rótulo em fundo claro. */
  --fio-tx:#8A5A12;

  /* ── O DIA. Nasce da pedra clareada, não do papel do IHC. ────────────
     É o modo do painel, de quem trabalha oito horas olhando a tela.      */
  --dia:#F1ECE3;        /* o fundo claro */
  --dia2:#FAF7F1;       /* o cartão sobre o dia */
  --dia3:#FFFFFF;       /* o topo da pilha: a tela do navegador */
  --grafite:#17181B;    /* texto forte sobre o dia */
  --grafite2:#5E5B54;   /* secundário */
  --grafite3:#9A968C;   /* rótulo, unidade, o que sussurra */
  --cerca:#E0DACE;      /* a borda */

  /* ── OS VÉUS sobre a noite. Sempre derivados do papel. ─────────────── */
  --linha:rgba(250,250,248,.13);
  --fraco:rgba(250,250,248,.58);
  --fraquinho:rgba(250,250,248,.40);

  /* ── ESTADO. Cor que é DADO, não decoração — por isso tem nome. ─────
     Dois verdes porque contraste é físico: o mesmo verde não serve para
     fundo escuro e fundo claro. Fora destes, verde solto é erro.         */
  --ok:#7ED08A;         /* conferido, sobre a noite */
  --ok-dia:#4A8F5C;     /* conferido, sobre o dia */
  /* alerta e "aguarda você" NÃO ganham cor nova: são --fio. */

  /* ── TIPO. Três, e não existe a quarta. ──────────────────────────────
     Espaço para o título, mono para o rótulo e o número de máquina,
     DM Sans para ler. O número grande é Space Grotesk com tabular-nums,
     porque serifa aqui é a voz do IHC, não a do Zigurate.                */
  --tit:'Space Grotesk',sans-serif;
  --txt:'DM Sans',sans-serif;
  --rot:'IBM Plex Mono',monospace;

  /* ── FORMA. Um raio de cartão, um de cápsula, uma curva. ───────────── */
  --raio:14px;
  --capsula:999px;
  --curva:cubic-bezier(.2,.9,.25,1);
}

/* O link de fonte é este, igual em toda página. Copiar exatamente:
   <link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500&family=IBM+Plex+Mono:wght@300;400&family=Space+Grotesk:wght@500;600;700&display=swap" rel="stylesheet"> */

/* ── O RÓTULO. Uma peça só, e ela troca de cor pelo contexto. ────────── */
.mono{font-family:var(--rot);font-size:.58rem;letter-spacing:.22em;
  text-transform:uppercase;color:var(--fraquinho)}
.claro .mono,.sim .mono,.dia .mono{color:var(--grafite3)}

/* ── O NÚMERO. Sempre tabular: coluna de número que dança é erro. ────── */
.num{font-family:var(--tit);font-weight:500;letter-spacing:-.02em;
  font-variant-numeric:tabular-nums}