/**
 * Neek platform theme: tokens, reset, classless element styles, component
 * styles, and a few utilities. No build step or framework required; browsers
 * resolve the imports, and any bundler (Vite, Lightning CSS) can inline them.
 * Go apps serve it embedded (neekui.New); others link or import it:
 *
 *     @import 'path/to/neek-ui/resources/css/neek.css';
 *
 * Every value is a runtime --neek-* custom property (resources/css/tokens/),
 * so a consumer or tenant theme restyles everything without recompiling:
 *
 *     :root { --neek-accent: #e11d48; --neek-radius-lg: 0.5rem; }
 *
 * The color scheme is the data-color-scheme attribute on <html>: render
 * ThemeInit in <head> and import resources/js/theme.js once.
 *
 * Apps that also use Tailwind: see resources/css/tailwind.css.
 */

/* Cascade order. Anything unlayered (an app's own CSS, a tenant's custom
   CSS) beats all of it without !important. */
@layer neek.reset, neek.tokens, neek.theme, neek.base, neek.layout, neek.components, neek.utilities;

/* Inter ships with the package - no external font service needed. */
@import './fonts.css';

@import './reset.css' layer(neek.reset);

@import './tokens/primitives.css';
@import './tokens/semantic.css';
@import './tokens/components.css';
@import './tokens/typography.css';

@import './base/document.css' layer(neek.base);
@import './base/typography.css' layer(neek.base);
@import './base/forms.css' layer(neek.base);
@import './base/media.css' layer(neek.base);

@import './components/button.css' layer(neek.components);
@import './components/fields.css' layer(neek.components);
@import './components/badge.css' layer(neek.components);
@import './components/alert.css' layer(neek.components);
@import './components/card.css' layer(neek.components);
@import './components/avatar.css' layer(neek.components);
@import './components/stream.css' layer(neek.components);
@import './components/stack.css' layer(neek.components);
@import './components/stack-composer.css' layer(neek.components);
@import './components/carousel.css' layer(neek.components);
@import './components/gallery.css' layer(neek.components);
@import './components/video-playlist.css' layer(neek.components);
@import './components/embed.css' layer(neek.components);
@import './components/homepage.css' layer(neek.components);
@import './components/single.css' layer(neek.components);
@import './components/comments.css' layer(neek.components);
@import './components/reactions.css' layer(neek.components);
@import './components/audio-player.css' layer(neek.components);
@import './components/page.css' layer(neek.components);
@import './components/brand.css' layer(neek.components);
@import './components/header.css' layer(neek.components);
@import './components/version.css' layer(neek.components);
@import './components/settings.css' layer(neek.components);
@import './components/filter.css' layer(neek.components);
@import './components/timeline.css' layer(neek.components);
@import './components/form.css' layer(neek.components);
@import './components/drop.css' layer(neek.components);
@import './components/icon.css' layer(neek.components);
@import './components/option.css' layer(neek.components);
@import './components/content.css' layer(neek.components);
@import './components/connection.css' layer(neek.components);
@import './components/pagination.css' layer(neek.components);

@import './utilities.css' layer(neek.utilities);

/* Named themes (data-theme on <html>), in the neek.theme layer. */
@import './themes/tokyo-night.css';
@import './themes/catppuccin.css';
@import './themes/everforest.css';
@import './themes/gruvbox.css';
@import './themes/kanagawa.css';
@import './themes/nord.css';
@import './themes/rose-pine.css';