/**
 * electron-monitor CSS Architecture
 * Entry point file using CSS @layer for modular organization
 *
 * Layer Order (lowest to highest priority):
 *   base < components < features < utilities < theme
 */

@layer base, components, features, utilities, theme;

/* ===== Design Tokens ===== */
@import url('tokens/variables.css');

/* ===== Base Styles ===== */
@import url('base/reset.css');

/* ===== Components ===== */
@import url('components/sidebar/sidebar.css');
@import url('components/modal/modal-base.css');
@import url('components/task/task-card.css');

/* ===== Features ===== */
@import url('features/mosfet-param.css');

/* ===== Utilities ===== */
@import url('utilities/animations.css');
@import url('utilities/helpers.css');
@import url('utilities/performance.css');

/* ===== Legacy Styles (gradual migration) ===== */
/* Original styles.css content included below for compatibility during transition */
@import url('legacy.css');