/**
 * ToolaBrowser Main Stylesheet
 * Version 1.0 | December 2025
 *
 * This file imports all CSS modules in the correct order.
 * Import sequence matters - base styles first, then components, then utilities.
 */

/* 1. CSS Variables - Design System Tokens */
@import url('variables.css');

/* 2. CSS Reset - Normalize browser defaults */
@import url('reset.css');

/* 3. Base Styles - Typography, body, foundational elements */
@import url('base.css');

/* 4. Layout - Grid, flexbox, containers, spacing utilities */
@import url('layout.css');

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

/* 6. Navigation & Footer - Header and footer specific styles */
@import url('navigation.css');

/* 7. Pages - Page-specific styles (About, FAQ, Contact) */
@import url('pages.css');

/**
 * Google Fonts
 * Primary: Inter (weights: 300, 400, 500, 600, 700, 800)
 * Import from Google Fonts CDN
 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

/**
 * Usage Instructions:
 *
 * 1. Include this file in your HTML:
 *    <link rel="stylesheet" href="css/main.css">
 *
 * 2. All CSS custom properties are available globally via var(--property-name)
 *
 * 3. Component classes are ready to use:
 *    - Buttons: .btn, .btn-primary, .btn-secondary, .btn-tertiary
 *    - Cards: .feature-card, .content-card, .glass-card
 *    - Forms: .input-field, .textarea-field, .select-field, .checkbox-wrapper
 *    - Badges: .badge, .badge-primary, .badge-success, .badge-accent
 *
 * 4. Layout utilities:
 *    - Container: .container
 *    - Grid: .grid, .grid-cols-{n}
 *    - Flexbox: .flex, .flex-col, .items-center, .justify-between
 *
 * 5. Typography utilities:
 *    - Text sizes: .text-xs through .text-7xl
 *    - Font weights: .font-light, .font-normal, .font-medium, .font-semibold, .font-bold
 *    - Colors: .text-primary, .text-accent, .text-neutral
 *
 * 6. Spacing utilities:
 *    - Margins: .mb-{n}, .mt-{n}
 *    - Gaps: .gap-{n}
 *
 * For complete documentation, refer to the design spec at:
 * /Users/yuvalabargil/dev/converters/toolabrowser-design-spec.md
 */