/**
 * Einundzwanzig Verein - Main Stylesheet
 *
 * Modulare CSS-Architektur für bessere Wartbarkeit.
 *
 * Struktur:
 * - theme.css         → Design System Tokens (Farben, Fonts)
 * - base.css          → Base HTML Element Styles
 * - utilities.css     → Alpine.js & Flux UI Helpers
 * - vendors/          → Third-Party Overrides (Leaflet)
 * - components/       → UI Component Styles
 *   - flux-overrides  → Flux UI Framework Anpassungen
 *   - custom          → Einundzwanzig Custom Components
 */

/* ----------------------------------------
   ALL IMPORTS FIRST (CSS requirement)
----------------------------------------- */
@import "tailwindcss";
@import "../../vendor/livewire/flux/dist/flux.css";
@import '../../vendor/power-components/livewire-powergrid/resources/css/tailwind4.css';
@import "./theme.css";
@import "./base.css";
@import "./utilities.css";
@import "./vendors/leaflet.css";
@import "./components/flux-overrides.css";
@import "./components/custom.css";

/* ----------------------------------------
   Content Scanning (Tailwind v4 CSS-first)
   Keep paths MINIMAL and NON-RECURSIVE
----------------------------------------- */
@source "../views/**/*.blade.php";
@source "../js/**/*.js";
@source '../../vendor/power-components/livewire-powergrid/src/Themes/Tailwind.php';
@source '../../vendor/power-components/livewire-powergrid/resources/views/**/*.php';
@source "../../vendor/livewire/flux/dist/**/*.blade.php";

/* ----------------------------------------
   Custom Variants
----------------------------------------- */
@custom-variant dark (&:where(.dark, .dark *));