/*
 * Shared CSS beyond the Tailwind/daisyUI build (app/assets/tailwind/application.css).
 *
 * Since M1.5 this file is intentionally near-empty: the look is carried by
 * named daisyUI components + Tailwind utilities in the ERB (docs/design.md).
 * Any future rule here must stay generic across views and be justified in
 * docs/design.md — no per-view styles, no colors, no homemade components.
 */

/* M3.2 (docs/milestone-3.2.md, justified in docs/design.md §Tokens): the
   app-owned confirm dialog's backdrop scrim. Hand rules exist because
   utilities cannot target the native <dialog>::backdrop pseudo-element.
   Scrim VALUE is theme-owned: the rule reads only the --color-overlay
   token, defined per-theme with the palettes in
   app/assets/tailwind/application.css (charcoal / linen / kitchen). */
#app-confirm-dialog::backdrop {
  background-color: var(--color-overlay);
}

/* M-114 (docs/milestone-114.md §3): the make-shopping-list dialog's
   backdrop scrim — the same token, the same sanctioned ::backdrop
   mechanism, the capture dialog's rule verbatim (a native <dialog> running
   as popover=auto renders ::backdrop while open). */
#pantry_make_list_popover::backdrop {
  background-color: var(--color-overlay);
}

/* M-120 (docs/milestone-120.md §2): the recipe page's pantry dialog's
   backdrop scrim — the same token, the same sanctioned ::backdrop
   mechanism, the M-114 rule verbatim (a native <dialog> running as
   popover=auto renders ::backdrop while open). */
#recipe_pantry_dialog::backdrop {
  background-color: var(--color-overlay);
}