/* =====================================================================================================
   Movimento suave: os tokens do tema, no claro e no escuro
   Identidade v1 do Movimento pela Soberania Digital Popular (proposta do Filipe Baeta), na versão de
   alta densidade: para as telas com muita informação (Arquivo, Mural, Conta, Fórum). A versão
   neobrutalista continua sendo a de baixa densidade e alto impacto (entradas, chamados, peças).

   De onde vêm os valores: os temas "movimento" e "movimento-noturno" do Arquivo Soberano
   (site/estilo.css, ramo identidade/desenho), conferidos pelo teste de contraste do Arquivo
   (testes/site/contraste.test.js): 4,5:1 para texto; 3:1 para pontos, foco, borda de campo e o verde.

   Como usar
   - shadcn/ui + Tailwind v4: importe este arquivo depois do Tailwind. Os nomes padrão do shadcn
     (--background, --primary, --ring...) já vêm preenchidos, e o bloco @theme inline, no fim,
     transforma tudo em utilitários (bg-background, text-mov-link, border-mov-eixo-2...).
   - CSS puro (como o Arquivo): use as variáveis direto, por exemplo var(--mov-barra).
   - Claro e escuro: o escuro vale com a classe .dark (padrão do shadcn) ou com
     data-tema="movimento-suave-noturno" no <html>. O claro é o padrão (:root) ou
     data-tema="movimento-suave".
   - Fontes: Archivo nas marcas e nos títulos grandes (largura 75% a 88%, peso 800); Instrument Sans
     no resto. Pelo Google Fonts:
     https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@62..125,400..900&family=Instrument+Sans:wght@400..700&display=swap

   As regras de uso (o que muda em relação ao neobrutalista)
   - Amarelo (--primary / --mov-acao): só na ação principal de cada tela e no pino de notificação.
   - Azul (--mov-link, --ring, --accent): a barra das ferramentas, links, foco, seleção e progresso.
   - Vermelho (--destructive / --mov-importante / --mov-curtida): só no "Importante", em erro, em ação
     que apaga e na curtida. O eixo 1 também é vermelho, por ser cor de categoria.
   - Bordas finas (--border), sombra suave (--mov-sombra), cantos arredondados (--radius).
   ===================================================================================================== */

:root,
[data-tema="movimento-suave"] {
  /* shadcn/ui */
  --background: #FFFDF7;            /* papel */
  --foreground: #1C1712;
  --card: #FFFFFF;
  --card-foreground: #1C1712;
  --popover: #FFFFFF;
  --popover-foreground: #1C1712;
  --primary: #FDC303;               /* a ação principal, em amarelo */
  --primary-foreground: #1C1712;
  --secondary: #F4F1EA;
  --secondary-foreground: #1C1712;
  --muted: #F4F1EA;
  --muted-foreground: #5E574E;
  --accent: #E9EEF9;                /* o que está selecionado ou sob o mouse */
  --accent-foreground: #1243A5;
  --destructive: #C8322A;
  --border: #E2DCD1;
  --input: #938A7D;                 /* a borda dos campos (3:1) */
  --ring: #1243A5;
  --radius: 0.75rem;                /* botões e campos; cartões usam rounded-xl (16 px) */
  --chart-1: #1243A5;
  --chart-2: #21672A;
  --chart-3: #D9A400;
  --chart-4: #C8322A;
  --chart-5: #5E574E;
  --sidebar: #FFFDF7;
  --sidebar-foreground: #1C1712;
  --sidebar-primary: #1243A5;
  --sidebar-primary-foreground: #FFFFFF;
  --sidebar-accent: #E9EEF9;
  --sidebar-accent-foreground: #1243A5;
  --sidebar-border: #E2DCD1;
  --sidebar-ring: #1243A5;

  /* Movimento: a barra das ferramentas */
  --mov-barra: #1243A5;
  --mov-barra-texto: #FFFFFF;
  --mov-barra-linha: #FDC303;       /* "MOVIMENTO PELA SOBERANIA DIGITAL POPULAR", embaixo do nome */
  --mov-barra-ativo: #3861B2;       /* a aba atual dentro da barra */
  --mov-barra-foco: #FDC303;

  /* Movimento: ação, links e estados */
  --mov-acao: #FDC303;
  --mov-acao-hover: #E9B300;
  --mov-acao-texto: #1C1712;
  --mov-link: #1243A5;
  --mov-selecao: #E9EEF9;
  --mov-texto-2: #5E574E;
  --mov-texto-3: #6F675D;
  --mov-alt-2: #EAE5DB;
  --mov-linha-suave: #ECE7DE;
  --mov-ok: #21672A;
  --mov-ok-fundo: #E3F0E5;
  --mov-importante: #C8322A;        /* a estrela do "Importante" */
  --mov-perigo: #C8322A;
  --mov-perigo-hover: #A9271F;
  --mov-curtida: #C8322A;           /* o coração é sempre vermelho */
  --mov-novo: #1243A5;
  --mov-atualizado: #AD8300;
  --mov-atualizado-texto: #765700;
  --mov-atualizado-fundo: #FFF4CC;
  --mov-pino: #FDC303;              /* o número de notificação */
  --mov-pino-texto: #1C1712;

  /* Movimento: os quatro eixos */
  --mov-eixo-1: #C8322A;
  --mov-eixo-2: #1243A5;
  --mov-eixo-3: #21672A;
  --mov-eixo-4: #D9A400;

  /* Movimento: os selos de situação de um documento */
  --mov-selo-oficial-texto: #21672A;
  --mov-selo-oficial-fundo: #E3F0E5;
  --mov-selo-revisao-texto: #7A4C00;
  --mov-selo-revisao-fundo: #FFF4CC;
  --mov-selo-rascunho-texto: #5E574E;
  --mov-selo-rascunho-fundo: #F4F1EA;
  --mov-selo-arquivado-texto: #6F675D;
  --mov-selo-arquivado-borda: #AFA699;

  /* Movimento: sombras */
  --mov-sombra: 0 1px 2px rgba(28,23,18,.05), 0 10px 28px -16px rgba(28,23,18,.2);
  --mov-sombra-pop: 0 18px 48px -12px rgba(28,23,18,.3), 0 0 0 1px #E2DCD1;

  color-scheme: light;
}

.dark,
[data-tema="movimento-suave-noturno"] {
  /* shadcn/ui */
  --background: #13110E;
  --foreground: #F2EDE5;
  --card: #1D1A16;
  --card-foreground: #F2EDE5;
  --popover: #1D1A16;
  --popover-foreground: #F2EDE5;
  --primary: #FDC303;
  --primary-foreground: #1C1712;
  --secondary: #26221D;
  --secondary-foreground: #F2EDE5;
  --muted: #26221D;
  --muted-foreground: #B9B0A4;
  --accent: #1C2440;
  --accent-foreground: #9DB4F5;
  --destructive: #F0685F;
  --border: #3A342C;
  --input: #766D62;
  --ring: #3D6BE0;
  --chart-1: #8FAAF5;
  --chart-2: #6CC57B;
  --chart-3: #F5C842;
  --chart-4: #F0685F;
  --chart-5: #B9B0A4;
  --sidebar: #13110E;
  --sidebar-foreground: #F2EDE5;
  --sidebar-primary: #3D6BE0;
  --sidebar-primary-foreground: #FFFFFF;
  --sidebar-accent: #1C2440;
  --sidebar-accent-foreground: #9DB4F5;
  --sidebar-border: #3A342C;
  --sidebar-ring: #3D6BE0;

  --mov-barra: #0F2F78;
  --mov-barra-texto: #FFFFFF;
  --mov-barra-linha: #FDC303;
  --mov-barra-ativo: #35508C;
  --mov-barra-foco: #FDC303;

  --mov-acao: #FDC303;
  --mov-acao-hover: #E9B300;
  --mov-acao-texto: #1C1712;
  --mov-link: #9DB4F5;              /* azul para texto sobre o escuro */
  --mov-selecao: #1C2440;
  --mov-texto-2: #B9B0A4;
  --mov-texto-3: #998F83;
  --mov-alt-2: #302B25;
  --mov-linha-suave: #2E2924;
  --mov-ok: #6CC57B;
  --mov-ok-fundo: #17301B;
  --mov-importante: #F0685F;
  --mov-perigo: #F0685F;
  --mov-perigo-hover: #E0554C;
  --mov-curtida: #F0685F;
  --mov-novo: #3D6BE0;
  --mov-atualizado: #F5C842;
  --mov-atualizado-texto: #F5C842;
  --mov-atualizado-fundo: #3A3012;
  --mov-pino: #FDC303;
  --mov-pino-texto: #1C1712;

  --mov-eixo-1: #F0685F;
  --mov-eixo-2: #8FAAF5;
  --mov-eixo-3: #6CC57B;
  --mov-eixo-4: #F5C842;

  --mov-selo-oficial-texto: #6CC57B;
  --mov-selo-oficial-fundo: #17301B;
  --mov-selo-revisao-texto: #F5C842;
  --mov-selo-revisao-fundo: #2F2710;
  --mov-selo-rascunho-texto: #B9B0A4;
  --mov-selo-rascunho-fundo: #26221D;
  --mov-selo-arquivado-texto: #998F83;
  --mov-selo-arquivado-borda: #5A5249;

  --mov-sombra: 0 0 0 1px rgba(0,0,0,.25), 0 14px 34px -18px rgba(0,0,0,.7);
  --mov-sombra-pop: 0 22px 60px -12px rgba(0,0,0,.75), 0 0 0 1px #3A342C;

  color-scheme: dark;
}