/* ============================================================================
   FARE - Main CSS Entry Point
   Clean Academic Style - University Portal

   This file imports all modular CSS files in the correct order.
   Load only this file in your HTML templates.
   ============================================================================ */

/* ============================================================================
   BASE LAYER - Foundation (must load first)
   ============================================================================ */

/* Design tokens and CSS variables */
@import url('base/variables.css');

/* CSS reset and normalize */
@import url('base/reset.css');

/* Typography styles and font utilities */
@import url('base/typography.css');


/* ============================================================================
   COMPONENTS LAYER - Reusable UI components
   ============================================================================ */

/* Phase 2: Base layout components */
@import url('components/service-bar.css');
@import url('components/header.css');
@import url('components/footer.css');

/* Phase 3: Homepage components */
@import url('components/hero.css');
@import url('components/portal-cards.css');

/* Phase 4: Search interface components */
@import url('components/search-interface.css');
@import url('components/facets-sidebar.css');
@import url('components/result-cards.css');
@import url('components/python-lab.css');
@import url('components/conferences.css');
@import url('components/auth.css');


/* ============================================================================
   LAYOUTS LAYER - Page structure and grids
   ============================================================================ */

/* Phase 4: Search page layout */
@import url('layouts/search-layout.css');


/* ============================================================================
   UTILITIES LAYER - Helper classes and responsive utilities
   ============================================================================ */

/* Note: Phase 5 responsive utilities can be added here in the future
   Currently all responsive styles are included within component CSS files */

/* @import url('utilities/responsive.css'); */