/* ============================================================================
 * Ordolio UI-v2 — shared design system bundle
 * ----------------------------------------------------------------------------
 * Single entry point for the v2 design system. Showcase pages opt in with:
 *
 *   {% block body_class %}ui-v2 <page>-2026{% endblock %}
 *   {% block header-includes %}
 *     <link href="{% static 'assets/css/ui-v2/index.css' %}" rel="stylesheet">
 *     <link href="{% static 'assets/css/<page>_only.css' %}" rel="stylesheet">
 *   {% endblock %}
 *
 * Files in this bundle have two scope levels:
 *
 *   GLOBAAL — geen body class scope. Werkt op iedere page die deze classes
 *             gebruikt (.btn-primary, .form-control, .alert-*, etc.).
 *             Wordt ook globaal geladen via base templates (later — niet
 *             vandaag). Voor nu kunnen showcase pages het via deze index
 *             bundle laden.
 *
 *   SCOPED   — onder body.ui-v2. Layout patterns met nieuwe class names
 *             (.uv2-shell, .uv2-hero, etc.) die alleen op showcase pages
 *             nodig zijn.
 *
 * Tokens leven in main/static/assets/css/root.css (single source of truth).
 *
 * Reference: .planning/ui-v2-refactor/PLAN.md
 * ========================================================================== */

@import url("./_surfaces.596bbbaaaac1.css"); /* GLOBAL utilities — .bg-brand-surface, .bg-dot-grid */
@import url("./_reset.3767f3991d41.css"); /* SCOPED — legacy chrome neutralisatie onder body.ui-v2 */
@import url("./_layout.1522494387d7.css"); /* SCOPED — .uv2-shell + .uv2-hero + .uv2-form-panel onder body.ui-v2 */
@import url("./_hero.22977ffb3a2c.css"); /* SCOPED — .uv2-page-hero (admin-layout hero band) onder body.ui-v2 */

/* NB: Atomic component styling (.btn-*, .form-control, .alert-*,
 * .badge-*) wordt NIET hier geïmporteerd. Die rules leven in
 * `theme/static_src/src/styles.css` (de Tailwind source) als
 * scoped `body.ui-v2 .btn-primary { ... }` definities, naast de
 * bestaande (legacy) `.btn-primary { ... }` rules. Tailwind compileert
 * beide naar `theme/static/css/dist/styles.css`, dat al globaal op
 * iedere page wordt geladen via {% tailwind_css %} in de base templates.
 *
 * Pages zonder body.ui-v2 → legacy styling. Pages met body.ui-v2 → v2.
 *
 * Globalize step (Tier 3 in roadmap): search-and-replace `body.ui-v2 `
 * weg uit styles.css + Tailwind rebuild → automatic propagation everywhere.
 */