/**
 * Instil Website - Main Stylesheet
 *
 * CSS Architecture:
 * 1. Variables & Design Tokens
 * 2. Base Styles
 * 3. Layout Components
 * 4. UI Components
 * 5. Page-specific Styles
 *
 * This file imports all stylesheets in the correct order.
 * Styles cascade from global → layout → component → page specific.
 */

/* 1. Design Tokens */
@import 'fonts.css';
@import 'variables.css';

/* 2. Base Styles */
@import 'base.css';

/* 3. Layout Components */
@import 'layout.css';

/* 3.5 Spacing System */
@import 'spacing.css';

/* 4. UI Components */
@import 'components/hero.css';
@import 'components/card.css';
@import 'components/button.css';
@import 'components/form.css';
@import 'components/badge.css';
@import 'components/article.css';
@import 'components/team.css';
@import 'components/testimonial.css';

/* 5. Page-specific Styles */
@import 'pages/home.css';
@import 'pages/about.css';
@import 'pages/blog.css';
@import 'pages/case-studies.css';
@import 'pages/services.css';
@import 'pages/news.css';
@import 'pages/events.css';
@import 'pages/life.css';
@import 'pages/contact.css';
@import 'pages/training.css';

/* 6. Utility Overrides (if needed) */
/* Add any final overrides or utilities here */