/** * style.css * This is the "index" or main entry point for all our styles. * * Instead of writing one giant file with thousands of lines, we split * our CSS into smaller, manageable files and then "import" them here. * This makes it much easier to find and fix things! */ /* @import: This tells the browser to go and find another CSS file and include its styles here. IMPORTANT: The order of imports matters! Styles loaded later can "override" styles loaded earlier. */ /* 1. Base styles (Variables, reset, and core elements like and

) / @import url('./base.css'); / 2. Components (Reusable bits like buttons, inputs, and modals) / @import url('./components.css'); / 3. Scanner (Specific styles just for the camera and scanning logic) */ @import url('./scanner.css');

) */ @import url('./base.css'); /* 2. Components (Reusable bits like buttons, inputs, and modals) */ @import url('./components.css'); /* 3. Scanner (Specific styles just for the camera and scanning logic) */ @import url('./scanner.css');

) / @import url('./base.css'); / 2. Components (Reusable bits like buttons, inputs, and modals) / @import url('./components.css'); / 3. Scanner (Specific styles just for the camera and scanning logic) */ @import url('./scanner.css');