/* * This is a manifest file that'll be compiled into application.css. * * With Propshaft, assets are served efficiently without preprocessing steps. You can still include * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard * cascading order, meaning styles declared later in the document or manifest will override earlier ones, * depending on specificity. * * Consider organizing styles into separate files for maintainability. */ /* ORDEM DAS CASCADE LAYERS — precisa ficar aqui, na PRIMEIRA folha carregada. * * O Tailwind v4 emite todo o CSS dentro de layers (properties, theme, base, * components, utilities). CSS *fora* de layer vence CSS *em* layer, sempre, mesmo * com especificidade menor. Como crescer-ui.css/crescer-res.css não eram layered, * eles sobrepunham TODO utilitário do Tailwind: `:where(a){color:brand}` derrubava * `.text-white`, e a ponte de migração derrubava `.bg-brand-600` (botão azul virava * branco). * * Declarando a ordem aqui — antes do Tailwind declarar a dele — inserimos `crescer` * entre `components` e `utilities`: * • o design system vence o preflight/base do Tailwind; * • os utilitários do Tailwind vencem o design system (o que o markup pede * explicitamente prevalece — essencial durante a migração gradual das telas). * A ordem só é definida pela PRIMEIRA declaração encontrada; por isso esta folha * precisa continuar sendo a primeira do . */ @layer properties, theme, base, components, crescer, utilities;