/* ============================================================
   Kingdom Training: cores do logótipo por cima de site.css.
   Preto #0C0B09 (com a textura do logótipo no topo) e o laranja
   do brasão, de #E06000 a #984000. O laranja vai nos botões,
   nas etiquetas e em pequenos sinais. Só há contexto escuro.
============================================================ */
:root{
  --preto:#0C0B09;
  --cartao-a:#1F1C18; --cartao-b:#131210;
  --t:244,239,233;
  --linha:rgba(244,239,233,.10); --linha-forte:rgba(244,239,233,.2);
  --texto:#F4EFE9; --texto-2:#D2C8BE; --texto-3:#A89C90;
  --acento:#F4EFE9; --sobre-acento:#0C0B09;
  --laranja:#E8690C; --laranja-claro:#F27E24; --laranja-escuro:#984000;
  --marca:linear-gradient(160deg,#E06000 0%,#B85000 55%,#7A3400 100%);
  color:var(--texto); color-scheme:dark;
}
html,body{ background:var(--preto); }
:focus-visible{ outline-color:var(--laranja); }
.contorno{ background:rgba(var(--t),.03); box-shadow:inset 0 0 0 1px rgba(var(--t),.12); }
.holofote::after{ background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%), rgba(232,105,12,.10), transparent 60%); }
.botao-principal{ background:var(--laranja); color:#160B03; box-shadow:0 0 0 1px rgba(255,255,255,.16) inset, 0 12px 34px -14px rgba(232,105,12,.6); }
.botao-principal:hover{ background:var(--laranja-claro); }