/* Tokens de cor da migração visual (Tailwind CDN) — ver spec
   docs/superpowers/specs/2026-07-08-migracao-visual-tailwind-design.md.
   tailwind.config referencia estas variáveis via var(--color-x), então
   bg-background/text-foreground etc. já trocam de valor sob .dark sem
   precisar de classe dark: em cada elemento. */
:root {
    --color-primary: #1E40AF;
    --color-accent: #16A34A;
    --color-destructive: #DC2626;
    --color-warning: #CA8A04;
    --color-background: #EFF6FF;
    --color-surface: #FFFFFF;
    --color-foreground: #1E3A8A;
    --color-muted-foreground: #64748B;
    --color-border: #BFDBFE;
}

:root.dark {
    --color-primary: #3B82F6;
    --color-accent: #22C55E;
    --color-destructive: #F87171;
    --color-warning: #FACC15;
    --color-background: #0B1220;
    --color-surface: #111827;
    --color-foreground: #E5E7EB;
    --color-muted-foreground: #94A3B8;
    --color-border: #1F2937;
}

body {
    font-family: "Source Sans 3", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Lexend", sans-serif;
}

#sidebar {
    width: 16rem;
    transition: width 150ms ease-out;
}

#sidebar.sidebar-collapsed {
    width: 5rem;
}

#sidebar.sidebar-collapsed .sidebar-label {
    display: none;
}

/* static/js/form-submit-guard.js: visual de "desabilitado" sem usar o
   atributo disabled de verdade — disabled removeria o botão do conjunto de
   campos que o navegador envia no POST (ver comentário no topo do JS). */
.js-submit-guard--enviando {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}