/**
 * styles.css - Main Entry Point
 * coOCR/HTR Design System v2.1
 *
 * This file imports all modular CSS files in the correct order.
 * The order matters for CSS specificity.
 */

/* 1. Design Tokens (CSS Custom Properties) */
@import 'variables.css';

/* 2. Base styles (Reset, Typography, Utilities) */
@import 'base.css';

/* 3. Layout (Grid, Panels, Header, Footer) */
@import 'layout.css';

/* 4. Reusable Components (Buttons, Forms, Badges, etc.) */
@import 'components.css';

/* 5. Dialog System (Modals, Tabs, Upload, Export) */
@import 'dialogs.css';

/* 6. Document Viewer */
@import 'viewer.css';

/* 7. Transcription Editor */
@import 'editor.css';

/* 8. Validation Panel */
@import 'validation.css';

/* ==========================================================================
   GLASS EFFECT UTILITY (used across components)
   ========================================================================== */

.glass {
  background: var(--glass-bg);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid var(--glass-border);
}