/* Main stylesheet - imports all modular styles */

/* DESIGN SYSTEM - Must load FIRST (defines all CSS variables) */
@import './styles/design-system.css';

/* REUSABLE COMPONENTS - Second (uses design system variables) */
@import './styles/components.css';

/* BASE STYLES - Third (includes legacy variable aliases) */
@import './styles/base.css';

/* LAYOUT AND COMPONENTS - All use design system variables */
@import './styles/layout.css';
@import './styles/components/menubar.css';
@import './styles/components/tabs.css';
@import './styles/components/sidebar.css';
@import './styles/components/canvas.css';
@import './styles/components/properties.css';
@import './styles/components/alignment-context.css';
@import './styles/components/modals.css';
@import './styles/components/zoom.css';
@import './styles/components/guides.css';
@import './styles/components/context-menu.css';
@import './styles/elements.css';
@import './styles/utils.css';
@import './styles/preview.css';