/* ============================================================================
   Rescript design system — production entry point (plain CSS, no build step)
   ----------------------------------------------------------------------------
   Link ONE file per page, AFTER bootstrap.min.css:

     <link rel="stylesheet" href="{{ url_for('static', filename='css/rs/dist/rescript.css') }}">

   Load order is the whole contract. Bootstrap must come first so this layer can
   retheme it; page-level CSS comes last so a surface can still opt out.

     1. bootstrap.min.css      vendor
     2. rescript.css           <-- this file: tokens, then the Bootstrap bridge
     3. <page>.css             per-surface CSS (shrinking over time)

   Copy `styles.css`, `tokens/` and `dist/` into static/css/rs/ preserving the
   folder structure — the relative @imports below depend on it.
   ========================================================================= */

/* Tokens + element defaults. Same closure the design system itself renders
   from, so prototypes and production cannot drift. */
@import url("../styles.css");

/* Retheme Bootstrap 5.3 through its own custom properties. No markup changes. */
@import url("bootstrap-bridge.css");

/* Retheme SweetAlert2's dialogs on the tokens — behavior stays SweetAlert's. */
@import url("sweetalert-bridge.css");

/* Patterns Bootstrap has no counterpart for. Opt-in `.rs-` classes. */
@import url("rescript-components.css");