/* ============================================================
   ChamaSofia — chat/css/tokens.css (V2 App Shell)
   Tokens específicos da casca nova (sidebar/topbar/bottom-nav).
   Carrega DEPOIS de css/brand-tokens.css e reaproveita os --sofia-*
   já existentes — não redefine cor nenhuma, só acrescenta dimensões
   e camadas que a casca precisa. Zero risco pra quem não carrega
   este arquivo (nenhuma página existente linka isto ainda).
   ============================================================ */

:root {
  /* ---------- dimensões da casca ---------- */
  --shell-sidebar-width: 264px;
  --shell-sidebar-width-collapsed: 84px;
  --shell-topbar-height: 76px;
  --shell-bottom-nav-height: 68px;
  --shell-content-max-width: 1580px;
  --shell-gap: 1.4rem;

  /* ---------- camadas (z-index) ---------- */
  --shell-z-sidebar: 40;
  --shell-z-topbar: 30;
  --shell-z-bottom-nav: 50;
  --shell-z-modal: 100;
  --shell-z-toast: 110;

  /* ---------- raio/sombra específicos de card da casca ---------- */
  --shell-card-radius: 18px;
  --shell-card-border: 1px solid var(--sofia-border-default, rgba(255,255,255,.10));
  --shell-card-bg: var(--sofia-gradient-surface, rgba(139,92,246,.06));
}