/*
 * 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.
 */

/* Pin the cascade-layer order BEFORE any stylesheet declares a layer (this
   file loads ahead of daisyui.css and tailwind.css in the :app bundle).
   Without this, load order decides: daisyui.css declares @layer base first,
   which makes Tailwind's `theme` layer OUTRANK `base` — so the @theme token
   bridges in app/assets/tailwind/application.css (self-referential
   var(--color-*) declarations) would beat DaisyUI's real colour definitions
   in the cascade and compute to guaranteed-invalid, blanking every DaisyUI
   colour app-wide. This is Tailwind v4's canonical order; with it, DaisyUI's
   base-layer values win and the bridges resolve correctly at runtime. */
@layer properties, theme, base, components, utilities;