/**
 * PayInterface Design System - Main Entry Point
 * 
 * This file imports all component styles in the correct order.
 * Include this single file in your HTML instead of individual components.
 * 
 * Updated with Claymorphism Design System
 */

/* 1. Variables & Tokens (includes Claymorphism tokens) */
@import './variables.css';

/* 2. Base Reset & Core Styles */
@import './base.css';

/* 3. Premium Theme System (must load early for variables) */
@import './themes/themes.css';

/* 4. Claymorphism Components (new layer) */
@import './components/claymorphism.css';

/* 5. Components (updated with clay styles) */
@import './components/sidebar.css';
@import './components/editor.css';
@import './components/buttons.css';
@import './components/diff.css';
@import './components/loader.css';
@import './components/tooltip.css';
@import './components/toast.css';

/* 6. UI Enhancements (polish & animations) */
@import './components/enhancements.css';

/* 7. Utilities */
@import './utilities.css';

/* 7. Responsive */
@import './responsive.css';