/* Tau Tin Website - Modular CSS aggregator */
/* 
 * CSS Import Order (Critical for proper cascade):
 * 1. Variables and tokens first
 * 2. Base styles and typography system
 * 3. Component-specific styles
 * 4. Animations last (non-critical)
 */

@import url("styles/color-tokens.css"); /* Phase 1: Consolidated color system */
@import url("styles/semantic-colors.css"); /* Phase 2: Semantic color system */
@import url("styles/typography.css"); /* Typography system with variables */
@import url("styles/base.css"); /* Base styles that use typography variables */
@import url("styles/navigation.css");
@import url("styles/sections.css");
@import url("styles/portfolio.css");
@import url("styles/floating-dock.css");
@import url("styles/brand-colors.css");

/* Critical animations loaded after initial render */
@import url("styles/animations.css");