/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ⭐ **TOKENS FIRST.** Every rule below may now read `var(--iwe-*)`.
   ⚠️ **Almost — but NOT entirely — custom properties.** 🔴 An earlier version of this comment said
   "custom properties only, no selectors". That was wrong: §10 of the pack ships a global
   `@media (prefers-reduced-motion: reduce)` block with a universal selector and `!important`.
   ⇒ It is kept on purpose (it is the reduced-motion support H2b wanted) but it DOES reach Bootstrap's
   components — see the REDUCED-MOTION COMPAT section of `iwe-components-ext.css`.
   ⭐ The load-order point still holds: nothing here sets a *property* Bootstrap also sets on the same
   element, so it need not precede Bootstrap. (It DID while the pack's reset was in the file; that
   reset is now stripped ⇒ see the banner in iwe-tokens.css.)
   🔴 `_custom.css` is NOT replaced by this file — tokens are VALUES, not rules. Its replacement is the
   pack's `iwe-components.css` ⇒ goal H4. */
@import url(iwe-tokens.css);
/* ⭐ **The pack's component library.** ⚠️ INERT: measured 2026-08-18, **zero** of its 114 classes
   appear in any view yet, and none collide with a selector in the ext file below.
   🔴 Its two global `a` rules are stripped — they repaint 224 links ⇒ see the banner in the file.
   ⚠️ Imported BEFORE the ext file on purpose: ours must be able to override the pack's, not the
   other way round. */
@import url(iwe-components.css);

/* ⭐ House-style components the pack does not ship: tabs (also nav-pills) and the account menu.
   ⚠️ INERT today — no view carries `.iwe-tabs` / `.iwe-menu` yet. Adopted in H4.
   🔴 Its behaviour lives in `appHouseStyle.js`, which is deliberately NOT imported yet: an unused
   module on every page is real bytes for no benefit, and wiring it is one line at H4. */
@import url(iwe-components-ext.css);

/* ⭐ **The page-composition layer, INERT on arrival.** ⚠️ Landed 2026-08-18 matching zero elements;
   `HouseStyleTokensTest::testThePageLayerIsStillInert` is what keeps that true until a view is
   deliberately converted ⇒ `Goals/2026-08-18_house-style-layouts/`.
   🔴 AFTER the ext sheet on purpose: where a page block and one of our own additions collide, ours
   wins, because ours is the one with app-specific reasons behind it. */
@import url(iwe-pages.css);

@import url(_base.css);
@import url(_custom.css);
@import url(_markdown.css);
@import url(_helpers.css);
@import url(_mqs.css);
@import url(_print.css);