/**
 * Fintrix Main CSS
 * Fully Modular Stylesheet v3.0
 *
 * 100% Modular CSS Architecture - Zero legacy dependencies
 * All styles organized by function: base, layout, components, pages
 */

/* ========================================
   BASE STYLES
   ======================================== */

/* CSS Variables (light/dark themes) */
@import './base/variables.css';

/* HTML/body reset, scrollbar hiding, box-sizing */
@import './base/reset.css';

/* Typography (headings, paragraphs, links, code) */
@import './base/typography.css';

/* ========================================
   LAYOUT
   ======================================== */

/* Container, utilities, font-face, app-container */
@import './layout/grid.css';

/* Sidebar, navigation, logo, collapse states */
@import './layout/sidebar.css';

/* Main content area */
@import './layout/main.css';

/* Top bar, market status, indices, theme toggle */
@import './layout/topbar.css';

/* ========================================
   COMPONENTS
   ======================================== */

/* Buttons (primary, secondary, sizes) */
@import './components/button.css';

/* Form controls (inputs, selects) */
@import './components/form.css';

/* Card component */
@import './components/card.css';

/* Status badges */
@import './components/status.css';

/* Toast notifications */
@import './components/toast.css';

/* Modal dialogs and settings */
@import './components/modal.css';

/* Search components */
@import './components/search.css';

/* Chart containers and controls */
@import './components/chart.css';

/* ========================================
   PAGES
   ======================================== */

/* Dashboard / Homepage */
@import './pages/dashboard.css';

/* News page */
@import './pages/news.css';

/* Qualtrim (Stock Analysis & DCF Calculator) */
@import './pages/qualtrim.css';

/* Stock Detail page */
@import './pages/stockDetail.css';

/* Calendar page */
@import './pages/calendar.css';

/* Market (BVB) page */
@import './pages/market.css';

/* ========================================
   ARCHITECTURE NOTES
   ======================================== */

/**
 * Module Organization:
 *
 * Base (3 files, ~400 lines)
 * - variables.css: CSS custom properties for theming
 * - reset.css: HTML/body defaults, scrollbar hiding
 * - typography.css: Headings, paragraphs, links
 *
 * Layout (4 files, ~450 lines)
 * - grid.css: Container, utilities, app-container
 * - sidebar.css: Sidebar with collapse/expand
 * - main.css: Main content area
 * - topbar.css: Top bar, market status, indices
 *
 * Components (8 files, ~950 lines)
 * - button.css: Primary/secondary buttons
 * - form.css: Form controls and selects
 * - card.css: Card component
 * - status.css: Status badges
 * - toast.css: Toast notifications
 * - modal.css: Modal dialogs
 * - search.css: Search inputs/suggestions
 * - chart.css: Chart containers
 *
 * Pages (6 files, ~4,500 lines)
 * - dashboard.css: Homepage/watchlist
 * - news.css: News page with filters
 * - qualtrim.css: Stock analysis/DCF calculator
 * - stockDetail.css: Stock detail page
 * - calendar.css: Calendar with events
 * - market.css: BVB market page
 *
 * Total: 21 modular CSS files
 * Original: 1 monolithic file (6,289 lines)
 *
 * Benefits:
 * - Easy to find and edit styles
 * - Clear separation of concerns
 * - Can load pages on-demand in future
 * - Team-friendly collaboration
 * - Maintainable and scalable
 */