/**
 * ============================================================================
 * RETINOSCOPY UI SYSTEM — ARCHITECTURE ENTRY POINT
 * ============================================================================
 * @project Oculearning: Visual Pathways Simulator
 * @description Master stylesheet for the Teaching/UI layer overlaying the 
 *              core retinoscopy engine. 
 * @architecture Modified 7-1 Pattern (ITCSS/SMACSS inspired)
 * ============================================================================
 */

/* 1. Base (Resets, Accessibility, Directionality) */
@import url("ui/base/_reset.css");
@import url("ui/base/_rtl.css");

/* 2. Layout (Responsive grid, Media queries, Spacing budgets) */
@import url("ui/layout/_spacing.css");
@import url("ui/layout/_responsive.css");

/* 3. Components (Discrete UI elements) */
@import url("ui/components/_header.css");
@import url("ui/components/_forms.css");
@import url("ui/components/_fields.css");
@import url("ui/components/_hardware.css");

/* 4. Modules (Complex composite blocks) */
@import url("ui/modules/_trial-rack.css");
@import url("ui/modules/_case-panel.css");
@import url("ui/modules/_explain.css");
@import url("ui/modules/_coach-layout.css");
@import url("ui/modules/_coach-card.css");
@import url("ui/modules/_coach-list.css");

/* 5. States (Mode toggles, Locked layers, Progressive disclosure) */
@import url("ui/states/_mode.css");
@import url("ui/states/_disclosure.css");