/* ============================================================
   1CONTATO — TOKENS DE MARCA
   Carregado depois do CSS de cada página para centralizar a paleta.
   As variáveis antigas continuam existindo como aliases, então nenhum
   componente precisa ser reescrito.
   ============================================================ */
:root {
  color-scheme: dark;

  /* paleta oficial */
  --marca-fundo: #0B0E13;
  --marca-superficie: #141920;
  --marca-borda: #212832;
  --marca-borda-forte: #3A4553;
  --marca-texto: #E6EDF3;
  --marca-texto-fraco: #8B949E;
  --marca-ouro-rgb: 232, 176, 75;
  --marca-ouro: #E8B04B;
  --marca-ouro-medio: #C9902C;
  --marca-ouro-escuro: #B07A1E;
  --marca-ouro-tinta: #8A5A00;
  --marca-erro: #FF6B6B;
  --marca-aviso: #F0A020;

  /* papel do recibo / superfícies claras */
  --marca-papel: #F5F1E8;
  --marca-papel-borda: #E4DCCB;
  --marca-papel-tinta: #15110A;
  --marca-papel-fraco: #6B6253;

  /* aliases usados pelo CSS existente */
  --bg: var(--marca-fundo);
  --card: var(--marca-superficie);
  --superficie: var(--marca-superficie);
  --linha: var(--marca-borda);
  --borda: var(--marca-borda);
  --linha-forte: var(--marca-borda-forte);
  --borda-forte: var(--marca-borda-forte);
  --texto: var(--marca-texto);
  --texto-fraco: var(--marca-texto-fraco);
  --fraco: var(--marca-texto-fraco);
  --ouro-rgb: var(--marca-ouro-rgb);
  --ouro: var(--marca-ouro);
  --ouro-medio: var(--marca-ouro-medio);
  --ouro-escuro: var(--marca-ouro-escuro);
  --ouro-tinta: var(--marca-ouro-tinta);
  --erro: var(--marca-erro);
  --aviso: var(--marca-aviso);
  --papel: var(--marca-papel);
  --papel-borda: var(--marca-papel-borda);
  --papel-tinta: var(--marca-papel-tinta);
  --papel-fraco: var(--marca-papel-fraco);
}

/* O atributo hidden TEM que vencer o display dos componentes. Sem isto, o
   logo/avatar (display:block/inline-flex) apareciam os DOIS ao mesmo tempo. */
[hidden] { display: none !important; }