@casoon/dragonfly/themes/index.css

Modular, lightweight CSS framework and design system for modern web projects. Optimized for Astro JS, LightningCSS and Container Queries with @layer-based architecture and comprehensive accessibility.

/**
 * Themes Index
 * 
 * Main theme system entry point. Includes only base themes and modes.
 * Theme variants must be loaded separately via CSS import or loadThemeVariant().
 * 
 * Layer Structure:
 * - tokens: Base design tokens (@property definitions)
 * - themes.aliases: Semantic component aliases
 * - themes.mode: Light/dark mode definitions
 * - themes.transitions: Theme transition utilities
 */

@layer tokens, themes.aliases, themes.mode, themes.transitions;

/* Import base design tokens */
@import url("../tokens/index.css");

/* Import semantic aliases */
@import url("./aliases.css");

/* Import light/dark modes */
@import url("./light-mode.css");
@import url("./dark-mode.css");

/* Import theme transitions */
@import url("./theme-transitions.css");