/*
 * xoops-layered.css
 *
 * xoops.css را در یک cascade layer قرار می‌دهد تا قوانین legacy آن
 * در برابر سیستم توکن v2 (unlayered) در custom.css شکست بخورند،
 * صرف‌نظر از ترتیب لود.
 *
 * Layer priority (lowest → highest):
 *   legacy (xoops) → bootstrap → [unlayered v2 rules in custom.css]
 *
 * Browser support: Chrome 99+, Firefox 97+, Safari 15.4+ (March 2022)
 *
 * NOTE — double-load risk for older browsers:
 *   Browsers without @layer support may still follow the @import url() part
 *   of the rule below while ignoring the layer() qualifier. Combined with the
 *   JS fallback in head-assets.tpl that injects bootstrap.min.css directly
 *   for those same browsers, Bootstrap would be fetched twice. The fallback
 *   is intentional and the risk is limited to pre-2022 browsers — do NOT
 *   remove or alter the fallback logic without testing those browsers first.
 */

/* Declare layer order so unlayered rules always win */
@layer legacy, bootstrap, theme;

/* Pull all of xoops.css into the lowest-priority layer */
@import url("xoops.css") layer(legacy);