/**
 * Corab AI Chat - New Design System (Figma 1:1)
 *
 * Modular CSS architecture based on Figma design:
 * figma/Corab AI Chat Front-End Design (1)/src/styles/globals.css
 *
 * File Structure:
 * - _variables.css   : Design tokens (colors, spacing, typography)
 * - _typography.css  : Font definitions, base text styles
 * - _layout.css      : App container, main structure
 * - _header.css      : Gradient header, tabs, model select
 * - _messages.css    : Message bubbles, empty state
 * - _input.css       : Chat input area, attachments
 * - _sidebar.css     : Sidebar, chat items, user info
 * - _states.css      : Hover, focus, active, disabled
 * - _animations.css  : Transitions, animations
 * - _responsive.css  : Mobile/tablet breakpoints
 * - _scrollbar.css   : Custom scrollbar styling
 */

/* ====================================
   ETAP 1: CORE UI
   ==================================== */

@import '_variables.css';
@import '_typography.css';
@import '_layout.css';
@import '_header.css';
@import '_messages.css';
@import '_input.css';

/* ====================================
   ETAP 2: SIDEBAR & STATES
   ==================================== */

@import '_sidebar.css';
@import '_states.css';
@import '_animations.css';

/* ====================================
   ETAP 3: POLISH & RESPONSIVE
   ==================================== */

@import '_responsive.css';
@import '_scrollbar.css';