/* =============================================================================
   SAMTYKKEMODUL - MAIN CSS
   Nordic Trust Design System
   Version: 1.0.0
   ============================================================================= */

/*
 * CSS Architecture
 * ----------------
 * This file imports all CSS modules in the correct order.
 * 
 * Import Order (Important!):
 * 1. Variables - Design tokens must load first
 * 2. Base - Reset and base element styles
 * 3. Typography - Font imports and text styles
 * 4. Components - Reusable UI components
 * 5. Layouts - Grid, containers, and layout utilities
 * 6. Utilities - Helper classes
 * 7. Responsive - Media queries and breakpoints
 */

/* ==========================================================================
   1. DESIGN TOKENS
   All CSS variables and design tokens
   ========================================================================== */
@import url('variables.css');

/* ==========================================================================
   2. BASE & RESET
   CSS reset and base element styles
   ========================================================================== */
@import url('base.css');

/* ==========================================================================
   3. TYPOGRAPHY
   Font imports and typographic system
   ========================================================================== */
@import url('typography.css');

/* ==========================================================================
   4. COMPONENTS
   Reusable UI components (buttons, cards, forms, tables, etc.)
   ========================================================================== */
@import url('components.css');

/* ==========================================================================
   5. LAYOUTS
   Grid system, containers, and layout utilities
   ========================================================================== */
@import url('layouts.css');

/* ==========================================================================
   6. UTILITIES
   Helper classes for common styling needs
   ========================================================================== */
@import url('utilities.css');

/* ==========================================================================
   7. RESPONSIVE
   Media queries and responsive design rules
   ========================================================================== */
@import url('responsive.css');

/* =============================================================================
   END OF MAIN CSS
   Total estimated size: ~85KB (unminified)
   
   For production:
   - Minify all CSS files
   - Enable gzip compression on server
   - Consider critical CSS extraction for above-the-fold content
   
   Browser Support:
   - Chrome/Edge (latest 2 versions)
   - Firefox (latest 2 versions)
   - Safari (latest 2 versions)
   ============================================================================= */