/* Tokens derivados do design system Camp (ActiveCampaign).
   NÃO é o pacote deles — os @camp/* são privados, sem npm e sem CDN.
   Copiamos a ESTRUTURA (escala de 4px, raio 4, controle 36px, corpo 14/20) e
   as cores neutras e semânticas, que são convenção de interface.
   FORA, de propósito: a fonte Owners (licença Adobe Typekit) e o conjunto de
   ícones deles (feito pela equipe de marca da AC). Ícones = Lucide, MIT. */
:root {
  --azul-100:#f5f9ff; --azul-300:#d7e5ff; --azul-600:#517fff;
  --azul-700:#004cff; --azul-800:#0031a9; --azul-900:#001961; --azul-1000:#00002d;

  --neutro-100:#f9f9f9; --neutro-200:#eef0f2; --neutro-300:#d4d7dc;
  --neutro-400:#c1c4cb; --neutro-500:#9ea5b2; --neutro-700:#5d6981;
  --neutro-800:#394863; --neutro-1000:#142341;

  --ok-fundo:#f4faf5; --ok-borda:#d4ecd6; --ok-tinta:#368141;
  --erro-fundo:#fff5f5; --erro-borda:#ffcaca; --erro-tinta:#cd2929;
  --aviso-fundo:#fffcf5; --aviso-borda:#fee8b5; --aviso-tinta:#dea310;

  --superficie:#ffffff; --superficie-apoio:#f9f9f9; --superficie-hover:#eef0f2;
  --borda:#c1c4cb; --borda-sutil:#d4d7dc;

  --e1:0 1px 4px rgba(20,35,65,.16), 0 0 2px rgba(20,35,65,.16);
  --e2:0 2px 8px rgba(20,35,65,.16), 0 0 2px rgba(20,35,65,.12);
  --e3:0 0 8px rgba(20,35,65,.12), 0 8px 20px rgba(20,35,65,.16);
  --foco:0 0 0 2px var(--azul-300);

  --r-2:2px; --r-4:4px; --r-8:8px; --r-12:12px; --r-pilula:99rem;
  --controle:36px;              /* altura de botão e campo — medida no Storybook */
  --transicao:200ms cubic-bezier(.4,.12,.4,1);

  /* Só o painel embutido: a doc manda 32px de padding em página, mas os
     componentes compact existem "para sidebars", e o Quick View tem 373px. */
  --padding-painel:16px;
}