/* ============================================================================
   MISFITS — BRUTALIST ARCADE
   ----------------------------------------------------------------------------
   Camada global do sistema de design, portado de
   https://misfits.agency/design_system.html para as telas internas
   (canvas, tarefas, CRM, hub, assinaturas, plano de negócio, páginas públicas).

   Regras da fonte: cantos retos em tudo (exceto pílulas/círculos), sombra
   dura com deslocamento (nunca desfoque), fio de 1px, foco tracejado
   amarelo, terceira cor proibida além de amarelo/roxo/quase-preto.

   Este arquivo cobre o que é igual em TODO lugar. Cada página ainda define
   sua própria paleta (:root ou tailwind.config) com os tons exatos dela —
   isso aqui só aplica as regras de forma por cima.
============================================================================ */

/* Cantos retos em tudo, menos pílulas e círculos (avatares, bolinhas,
   indicadores). `rounded-full` continua liso; qualquer outro `rounded*`
   perde o raio. */
[class*="rounded"]:not([class*="rounded-full"]) { border-radius: 0 !important; }

/* Sombra dura, sem desfoque — nunca elevação suave. */
.shadow-sm, .shadow, .shadow-md, .shadow-lg, .shadow-xl, .shadow-2xl {
    box-shadow: 5px 5px 0 rgba(8,8,11,.85) !important;
}

/* Foco acessível: 2px tracejado amarelo, afastado 3px — igual ao site. */
:focus-visible {
    outline: 2px dashed #FFFF00 !important;
    outline-offset: 3px;
}

/* Rolagem fina, trilho escuro, alça que acende amarelo no hover. */
.custom-scrollbar::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:hover {
    background: #FFFF00 !important;
}