/**
 * EchoLine Main Stylesheet
 * 
 * Imports all CSS modules in the correct order.
 * 
 * NEW: Linear Design System (primary)
 * LEGACY: Old design tokens mapped for backward compatibility
 * 
 * Usage in HTML:
 * <link rel="stylesheet" href="css/main.css">
 */

/* =====================
   LINEAR DESIGN SYSTEM (New)
   ===================== */

/* 1. Design Tokens - Variables and theme definitions */
@import url('linear-tokens.css');

/* 2. Base - Reset, typography, background system, utilities */
@import url('linear-base.css');

/* 3. Components - Buttons, cards, badges, forms, tables, etc. */
@import url('linear-components.css');

/* 4. Layout - Sidebar, topbar, content area, grids */
@import url('linear-layout.css');

/* =====================
   LEGACY STYLES (For backward compatibility)
   These will be removed after full migration
   ===================== */

/* Old design tokens - now maps to linear tokens */
@import url('design-tokens.css');

/* Old base styles */
@import url('base.css');

/* Old layout */
@import url('layout.css');

/* Old components */
@import url('components.css');

/* Call sidebar (page-specific, keep for now) */
@import url('call-sidebar.css');

/* Bulk selection system */
@import url('bulk-select.css');

/* Generic detail sidebar (reusable component) */
@import url('detail-sidebar.css');