/*
 * HogPoint Application Styles
 *
 * CSS is organized into layers (see _global.css):
 *   @layer reset, base, components, modules, utilities, native, platform;
 *
 * Files are loaded automatically by Propshaft.
 * Layer order is controlled by the @layer declaration, not file load order.
 *
 * File structure:
 *   _global.css  - CSS variables, layer declaration
 *   reset.css    - CSS reset (@layer reset)
 *   base.css     - Body, links, focus states (@layer base)
 *   buttons.css  - .btn component (@layer components)
 *   cards.css    - .card component (@layer components)
 *   panels.css   - .panel component (@layer components)
 *   popup.css    - Popup menu items (@layer components)
 *   menu.css     - .menubtn component (@layer components)
 *   menu-form.css - .menu-form component (@layer components)
 *   inputs.css   - .input, .switch components (@layer components)
 *   flash.css    - Flash messages (@layer components)
 *   layout.css   - Page layout, containers (@layer components)
 *   utilities.css - Utility classes (@layer utilities)
 */