/* Everything the old modal windows need, inside the `legacy` cascade layer.
 *
 * Loaded by templates/includes/legacy_bridge.html and by nothing else. The new
 * public pages own their looks through unlayered .ui- classes, which beat any
 * layer; these five sheets go into `legacy` so they can dress the borrowed
 * windows without touching the rest of the page.
 *
 * An @import is the only way to put a sheet we do not own into a layer: a
 * <link> element has no layer attribute. css/legacy/ is the one folder of the
 * new front end where the CSS rules allow @import, which is why this file is
 * here rather than in css/components/.
 *
 * The order is base.html's order, and it matters twice: styles.css follows
 * Bootstrap because it overrides it, and icon-weights.css follows Font Awesome
 * because both are single-class rules and the later sheet wins.
 *
 * styles.css is here for more than window chrome - it declares the WorkSans
 * faces that piyo_glass_modal.css asks for. A relative reference inside an
 * imported sheet resolves against that sheet, in the browser and in Django's
 * rewriter alike, so those font paths keep working untouched.
 *
 * Comfortaa is deliberately absent: styles.css asks for it under `body.ru`,
 * and the body of a new page carries `ui-page`. If a later milestone puts a
 * language class on that body, this file needs a sixth line.
 *
 * The bridge links this sheet with media="screen". styles.css hides `nav` and
 * `footer` for print with !important, and importance reverses layer order, so
 * nothing unlayered could win that argument - the new footer and every nav
 * would vanish from a printout. Dropping the sheet for print is the only
 * answer that needs no !important of our own.
 *
 * Slice 5 replaces this file with a small sheet that carries only the rules
 * the windows use. Until then a previewed page pays about 80 KB gzipped.
 */

@import url("../../vendor/bootstrap-5.1.3/css/bootstrap.min.94994c66fec8.css") layer(legacy);
@import url("../../styles.59a3fd6f9f23.css") layer(legacy);
@import url("../../piyo_glass_modal.366f102e53ea.css") layer(legacy);
@import url("../../vendor/fontawesome-free/css/all.min.a273a9e3d6e7.css") layer(legacy);
@import url("../icon-weights.9f36b71dfe59.css") layer(legacy);

/* One correction no component can make. Bootstrap turns smooth scrolling on
   for the whole document, and no .ui- class can reach :root. Later in the same
   layer, so it wins on order and changes nothing unlayered. */
@layer legacy {
  :root {
    scroll-behavior: auto;
  }
}