/* ============================================================================
   /assets/shell/tokens.css  —  FONTE ÚNICA DE TOKENS (paleta + fontes + medidas)
   ----------------------------------------------------------------------------
   Extraído do :root do shell.css (Padronização Onda 1 / F2). Linkado ANTES de
   shell.css e design-system.css pelos DOIS mundos (via vendor_manifest.php no
   legado e hud.blade.php no Laravel). Editar aqui muda a paleta em TODAS as telas.
   NENHUM outro arquivo deve declarar :root com cores/fontes da marca.
   ============================================================================ */
:root{
  /* ---- Paleta canônica (grafite + dourado) ---- */
  --grafite-1:#0b0c0e;   /* sidebar / rail            */
  --grafite-2:#111315;   /* fundo da página           */
  --card:#1a1d20;        /* cartões / superfícies      */
  --borda:#2c3034;
  --dourado:#c5a059;     /* destaque / marca / halo    */
  --azul:#7094ce;
  --verde:#2aa25b;
  --vermelho:#e63946;
  --txt:#ffffff;
  --muted:#adb5bd;       /* texto secundário claro (AA ok) */
  --dim:#9aa1a9;         /* [F2] era #6c757d (falhava AA); agora ~6,6:1 sobre card */
  --texto-sec:#aab1b9;   /* [F2] substitui #8a8f98 (falhava AA); ~7,9:1 sobre card */
  --input:#1a1a1a;

  /* ---- Fontes (DECIDIDO: marca Cinzel, corpo Inter) ---- */
  --font-marca:'Cinzel',serif;
  --font-corpo:'Inter',system-ui,'Segoe UI',Arial,sans-serif;
  --font-mono:ui-monospace,SFMono-Regular,Menlo,monospace;

  /* ---- CASCA TRIBUNAL — duas camadas: coluna-brasão + painel de menu ---- */
  --brasao:#08090b;                 /* coluna-brasão vertical (sempre visível) */
  --rail-brand-w:28px;              /* largura da coluna do brasão             */
  --rail-menu-w:60px;               /* menu recolhido = só ícones              */
  --rail-menu-w-open:228px;         /* menu expandido = ícone + rótulo         */
  --rail-w:calc(28px + 60px);       /* total recolhido = 88px                  */
  --rail-w-open:calc(28px + 228px); /* total expandido = 256px                 */
  --header-h:44px;
  --shell-ease:cubic-bezier(.25,.8,.25,1);
  --shell-open:.28s;
  --dur-rail:160ms;
  --delay-fechar:300ms;
  --knight-w:380px;                 /* [Frente 4] largura da gaveta lateral direita do Knight */

  /* ---- ALIASES de compatibilidade — TODOS apontam ao MESMO valor canônico.
         Mantêm compat com nomes usados no CSS de cada mundo e nas telas legadas
         (evita reescrever regra por regra). ---- */
  --sidebar:var(--grafite-1);            --cor-sidebar:var(--grafite-1);
  --bg:var(--grafite-2);                 --cor-fundo:var(--grafite-2);         --fundo:var(--grafite-2);
  --bg-secondary:var(--grafite-2);
  --cor-card:var(--card);                --card-bg:var(--card);
  --cor-borda:var(--borda);              --border-color:var(--borda);
  --gold:var(--dourado);                 --cor-destaque:var(--dourado);        --primary:var(--dourado);
  --cor-destaque-secundario:var(--azul);
  --cor-texto:var(--txt);                --cor-texto-sec:var(--muted);
  --cor-input:var(--input);
  --sidebar-width-collapsed:var(--rail-w);
  --sidebar-width-expanded:var(--rail-w-open);
  --header-height:var(--header-h);
}