/*-----------------------------------------------
  MAIN CSS IMPORTS
-----------------------------------------------*/

/* Base styles - including variables and common elements */
@import url('base.css');

/* Components */
@import url('components/header.css');
@import url('components/footer.css');
@import url('components/cards.css');
@import url('components/buttons.css');
@import url('components/tables.css');
@import url('components/modals.css');
@import url('components/search.css');
@import url('components/utilities.css');
@import url('components/tabs.css');
@import url('components/references.css');
@import url('components/sections.css');
@import url('components/ai-chat.css');
@import url('news-feed.css');
@import url('news-ticker.css');

/* Pages */
@import url('pages/home.css');
@import url('pages/ilae-classification.css');
@import url('pages/seizure-management.css');
@import url('pages/acns-criteria.css');
@import url('pages/eeg-atlas.css');
@import url('pages/eeg-videos.css');
@import url('pages/epilepsy-rotation.css');
@import url('pages/natus-instructions.css');
@import url('pages/faq.css'); 
@import url('pages/eeg-lead-practice.css');

/* Import new mobile styles */
@import url('mobile.css');

/* Ensure large font mode applies globally */
html body.large-font,
body.large-font {
  font-size: 130% !important;
}