/* === Maxon — entry point CSS ===
   site.css importuje wszystkie pliki w ustalonej kolejności CSS Layers.
   Layers gwarantują że utility classes ZAWSZE biją components ZAWSZE biją base
   ZAWSZE biją reset — niezależnie od specyficzności selektorów.

   Aby dodać nową klasę:
   - Element HTML default styling → base.css
   - BEM-style komponent (.btn, .form-control, .card, …) → components/*.css
   - Tailwind-compatible utility (.flex, .gap-4, …) → utilities.css
   - Token (kolor, spacing, font, …) → tokens.css

   Zob. wwwroot/css/README.md po pełny workflow + import ze Stitcha. */

@layer reset, tokens, base, components, utilities;

@import url('reset.css')   layer(reset);
@import url('tokens.css')  layer(tokens);
@import url('base.css')    layer(base);

/* Uwaga: fonts.css NIE jest importowany przez @import layer() — `@font-face` rules
   w niektórych browserach gubią się wewnątrz layered import. Plik fonts.css linkujemy
   osobnym <link> w _Layout.cshtml, to też pozwala na <link rel="preload"> na woff2. */

@import url('components/button.css')     layer(components);
@import url('components/form.css')       layer(components);
@import url('components/container.css')  layer(components);
@import url('components/navigation.css') layer(components);
@import url('components/footer.css')     layer(components);
@import url('components/card.css')       layer(components);
@import url('components/select-dropdown.css')       layer(components);
@import url('components/location-autocomplete.css')  layer(components);
@import url('components/language-picker.css')        layer(components);
@import url('components/office-card.css')             layer(components);
@import url('components/share-buttons.css')           layer(components);
@import url('components/reveal.css')                  layer(components);
@import url('components/image.css')                   layer(components);
@import url('components/hero.css')                    layer(components);
@import url('components/header.css')                  layer(components);
@import url('components/effects.css')                 layer(components);
@import url('components/theme-toggle.css')            layer(components);
@import url('components/view-transitions.css')        layer(components);
@import url('components/reading-progress.css')        layer(components);
@import url('components/typography.css')              layer(components);
@import url('components/modal.css')                   layer(components);
@import url('components/breadcrumbs.css')             layer(components);
@import url('components/offer-gallery.css')           layer(components);
@import url('components/read-more.css')               layer(components);

@import url('utilities.css') layer(utilities);